其實如果做表格，還是table更優(yōu)越不過還是為你做了一個div+css表格希望對你有所幫助lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitional；前端代碼div+css，就是現(xiàn)在一種網(wǎng)頁設(shè)計的一種實現(xiàn)方式，通過div+css，可以現(xiàn)在對一些雜亂無章的圖片和文字，進(jìn)行排版和使用，從而實現(xiàn)了人們通常看到的漂亮的網(wǎng)頁，具體看下代碼lthead ltlink rel=quotstylesheetquot type=quot。

需要準(zhǔn)備的材料分別有電腦瀏覽器html編輯器1首先，打開html編輯器，新建html文件，例如indexhtml2在indexhtml中的ltstyle標(biāo)簽中，輸入css代碼divwidth 300pxheight 150pxborder 3px solid blue；css+div可以通俗的解釋為如果把整個房間的地板比喻成一個網(wǎng)頁的話，那ltdiv就是地板磚，一個個的排列起來，組成了這個網(wǎng)頁而這 些div你要他怎樣顯示呢？就靠CSS來控制他的大小代碼定義就是程序員用開發(fā)工具所支持的。

ltstyleltheadltbodyltdivltdivltdivltdivltbodylthtml 注意如果小div沒有絕對定位或相對定位，且大div沒有border，那么小div的margin實際上踹的是“流”，踹的是這“行”如果用margintop，大div整體。

lt！居中層ltdiv id=quotmainquot lt！頂層ltdiv id=quottopquotltdiv lt！導(dǎo)航層ltdiv id=quotmenuquotltdiv lt！內(nèi)容外層ltdiv id=quotcontentquot lt！左ltdiv id=quotleftbarquotltdiv；假設(shè)文字下的背景寬度是500px，低層的背景是550px下面的代碼就是ltbody style=quotbackgroundcolor背景顏色代碼 margin0quot ltdivltimg src=quotimagesbg1jpgquotltdiv ltdiv style=quotwidth440px heightauto。

1 在桌面建立一個indexhtm的文件和maincss的文件，當(dāng)然你也可以不用maincss的文件，但是為了方便操作，還是建一個吧只要把記事本另存為就可以了2 做好這兩個文件后我們把網(wǎng)頁的基礎(chǔ)代碼寫上去，并使index文件受到；大概的結(jié)構(gòu)如下ltdiv ltdiv class=“l(fā)eft”lt！左邊盒子 ltul ltli條目1ltli ltli條目2ltli ltli條目3ltli ltul ltdiv ltdiv class=“middle”lt！左邊盒子 ltul ltli。

ul，li，div，span，td padding0 margin0 #top width1200px height auto margin0 auto color#FFF #logo width100%；代碼lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalEN lthtml xmlns= lthead ltmeta。

樓上的也太復(fù)雜了，什么都貼出來了頁面 代碼 ltdiv class=quotcontentquot ltdiv class=quotleftquotltdiv ltdiv class=quotmidquotltdiv ltdiv class=quotrightquotltdiv ltdiv css文件 content width800pxmagin0；3在testhtml文件內(nèi)，分別給每一個div設(shè)置class屬性，分別為wdiv，fldiv，frdiv4在css標(biāo)簽內(nèi)，設(shè)置class為wdiv的div樣式，定義其寬度為500px，高度為400px，背景顏色為灰色5在css標(biāo)簽內(nèi)，再分別設(shè)置class為fldiv。

menu hover ul hover ul hover ul hover ul ul 是不是該這么寫menuhover ulhover ulhover ulhover ul ul 如果是，那意思就是menuhover ulhover ulhover ulhover ul。

見以下代碼lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquotlthtml xmlns=quotltheadltmeta；1CSS代碼#wrapwhitespacenormal width200px 2DIV代碼ltdiv ddd1111ltdiv可以實現(xiàn)文字自動換行在Microsoft Excel軟件單元格中，如果文本過長，則超出列寬以外的文本將被隱藏。

首先，建議你一點(diǎn)，與其在上一個div里面用marginbottom不如在下一個div里面用margintop，因為marginbottom經(jīng)常會失效，而你這樣的布局可以這樣寫 ltstyle margin0pxpadding0px bodymargin0px auto blue；lta href=quotquot資訊lta lta href=quotquot產(chǎn)品中心lta ltdiv 基本結(jié)構(gòu)這樣就可以了menu中的background用圖片代替即可該圖片為上圖背景左5px+右5px的合成，然后使用repeatx就沒問題了中間豎線，也可以用圖片。