ltlilta href=quot#quot欄目3ltaltli ltlilta href=quot#quot欄目4ltaltli ltul ltdiv ltbody lthtml 結(jié)合css就可以了 換成你想要的鏈接 ，再把邊框線去掉就可以了。

doctype html html head meta charset=#34utf8#34 title淘寶助手網(wǎng)title style a，ul，li，div，span，td padding0 margin0 #top width1200px height auto margin0 auto color#FFF #logo。

1用word 2016其他版本的操作是一樣的，這方面Office不會(huì)有變化打開素材文檔2點(diǎn)擊選擇“布局”，然后點(diǎn)擊頁(yè)面設(shè)置，點(diǎn)擊quot欄quot圖標(biāo)的箭頭，彈出下拉列表選擇quot更多欄quot項(xiàng)3設(shè)置“欄數(shù)”為4，可適當(dāng)?shù)恼{(diào)整寬度和間。

第一步新建html文檔并搭建框架 新建一個(gè)TXT文檔，重命名為“田子格布局html”，然后用記事本打開，輸入表頭信息，已經(jīng)html整體框架搭建包括head與body第二步DIV布局 分別復(fù)制4個(gè)不同的div作為4部分，并且分別命名為。

25pxquotltdiv ltdiv style=quot floatleft width25% height25pxquotltdiv ltdiv lt！寫得粗糙了，你整理下吧，給個(gè)建議你，我覺得該用table的時(shí)候還是要用的，在這里，table還是比div要好的。

1新建一個(gè)html文件，命名為testhtml，用于講解div+css布局的基本流程2在testhtml文件內(nèi)，對(duì)body進(jìn)行樣式初始化，設(shè)置外邊距margin為0，內(nèi)邊距padding為0，同時(shí)使用textalign設(shè)置文字居中3在testhtml文件內(nèi)。

一選擇“div標(biāo)簽”命令 打開dreamweaver，新建網(wǎng)頁(yè)并保存為“diehtml”，選擇插入布局對(duì)象div標(biāo)簽命令，打開“div標(biāo)簽”對(duì)話框二輸入div標(biāo)簽名稱 1在“ID”列表框中選擇“top”2單擊“新建css規(guī)則”。

class我是按照你上面的寫的，css代碼如下header，footerwidth100% height100px*高根據(jù)情況自己定，這里只看寬*mainpositionrelative *main是包含left和right的div*left width160px position。

看你是直接在div里面做css格式還是額外調(diào)用css，建議是后者，這樣看著比較簡(jiǎn)潔html引入外部cssltlink rel=quotstylesheetquot href=quot文件路徑文件名cssquot 比如你的html文件里有一個(gè)div模塊 ltdiv id =quotdaohangquot ltdiv id。

解決這個(gè)問題的方法如下1新建一個(gè)html文件，命名為testhtml，用于講解div+css布局的基本流程2在testhtml文件內(nèi)，對(duì)body進(jìn)行樣式初始化，設(shè)置外邊距margin為0，內(nèi)邊距padding為0，同時(shí)使用textalign設(shè)置文字居中3。

看一下，lthtmlltbodyltstylehtmlbackgroundcolor#edededbodynavulfloatlefttitlefontsize1333pxtitle acolor#000000clearFoverflowhiddenzoom1wrapermargin0 autobackground。

CSS這樣寫 lt！container div1 positionrelativemargin0px auto 0px autowidth700px 任意值 textalignleft居中 lt！banner div2 width700pxmargin0pxpadding0px lt！middle。

如圖logo可以用一個(gè)div下面一個(gè)打的DIV，里面包含兩個(gè)小的DIV，左邊div里面插入圖片，右邊里面寫表單。

我們打開index文件看看是不是在瀏覽器上是不是粉色的在瀏覽器上是粉色的，表示已經(jīng)受到css樣式表的控制了4 下面我們進(jìn)行布局一般網(wǎng)頁(yè)都是3層一級(jí)，所以我們需要div布局了在body里面寫一般我會(huì)先分為3層 lthtml lthead。

很簡(jiǎn)單的頁(yè)面布局啊，例如第一張圖，首先一個(gè)大的盒子，把他們都裝起來(lái)，然后先分左右兩個(gè)div，然后左邊的盒子再分三個(gè)盒子，第二個(gè)盒子再分左右兩個(gè)盒子，第三個(gè)盒子也是一樣或者左邊的直接分兩個(gè)盒子，第二個(gè)盒子分。

第三兼容性卓越 DIV+CSS布局符合web標(biāo)準(zhǔn)規(guī)范，幾乎所有的瀏覽器上都可以使用，不會(huì)因?yàn)樵诓煌臑g覽器中顯示效果差距很大第四縮短網(wǎng)站改版時(shí)間 因?yàn)榫W(wǎng)站的布局都是通過(guò)外部的css文件來(lái)控制，只要簡(jiǎn)單的修改幾個(gè)CSS文件。