html西式甜品網(wǎng)制作-在線瀏覽
2025-07-02 23:10本頁面
【正文】 v_in{ 7 width:820px。 9 lineheight: 50px。 11 paddingleft: 160px。 15 padding:0 38px。 17 cursor: pointer。}上述代碼中，第8行和第19行代碼分別用于設置導航內(nèi)容部分和banner圖片在頁面中居中顯示。圖46 “導航”及“banner”模塊效果圖制作產(chǎn)品分類模塊（1）HTML結構分析“產(chǎn)品分類”模塊主要由div標記定義。圖47 “產(chǎn)品分類”模塊結構圖（2）樣式分析“產(chǎn)品分類”模塊的背景色通欄顯示，因此需設置最外層div的寬度100%，內(nèi)部嵌套的div寬度為980px，且在頁面中居中顯示。（3）搭建結構“產(chǎn)品分類”模塊的HTML結構代碼。具體如下： 1 .list{ 2 width:100%。 4 background: e7bf80。 8 height:195px。 10 padding:45px 0 0 40px。 14 width:146px。 16 paddingtop: 95px。 18 background: url(../images/) norepeat。 20 color:9c5132。} 23 .list .list_in .list3{background: url(../images/) norepeat。} 25 .list .list_in .list5{background: url(../images/) norepeat。，刷新頁面，效果如圖48所示。“產(chǎn)品展示”模塊的具體結構如圖49所示。定義每一個展示模塊的div標記左浮動，并定義相關的文字樣式。具體如下： 1 !content begin 2 div class=content 3 div class=con 4 div class=con_type 5 img src=images/ / 6 span愛的N次方/span 7 span class=con_name馬卡龍/span 8 span價格：b30元/b/span 9 /div 10 div class=con_type 11 img src=images/ / 12 span果肉果凍/span 13 span class=con_name雙色馬卡龍/span 14 span價格：b30元/b/span 15 /div 16 div class=con_type 17 img src=images/ / 18 span芒果味/span 19 span class=con_name布丁馬卡龍/span 20 span價格：b30元/b/span 21 /div 22 div class=con_type 23 img src=images/ / 24 span果凍荔枝味/span 25 span class=con_name多彩馬卡龍/span 26 span價格：b30元/b/span 27 /div 28 div class=con_type 29 img src=images/ / 30 span果味巧克力/span 31 span class=con_name西式甜點/
公司管理相關推薦
鄂ICP備17016276號-1