html西式甜品網(wǎng)制作-資料下載頁
2025-05-15 23:10本頁面
【正文】 padding:40px 0 0 68px。 11 } 12 .con .con_type{ 13 width:180px。 14 height:220px。 15 border:1px solid ccc。 16 float: left。 17 background: fff。 18 margin:0 39px 30px 0。 19 fontsize: 14px。 20 color:9c5132。 21 } 22 .con .con_type span{ 23 display: block。 24 padding:2px 0 0 16px。 25 } 26 .con .con_type {color:fd8187。} 27 .con .con_type span b{ 28 fontweight: normal。 29 color:fd8187。 30 } 31 .con .con_type img{ 32 margin:12px 12px 3px 12px。 33 width:158px。 34 height:122px。 35 }上述代碼中，第23行代碼將span標記轉(zhuǎn)換為塊元素用于換行顯示文字內(nèi)容。，刷新頁面，效果如圖410所示。圖410 “產(chǎn)品展示”模塊效果圖制作版權(quán)信息模塊（1）HTML結(jié)構(gòu)分析“版權(quán)信息”模塊由div標記定義。具體結(jié)構(gòu)如圖411所示。圖411 “版權(quán)信息”模塊結(jié)構(gòu)圖（2）樣式分析“版權(quán)信息”模塊的背景圖通欄顯示，因此需設(shè)置最外層div的寬度100%，且文字內(nèi)容居中顯示。（3）搭建結(jié)構(gòu)“版權(quán)信息”模塊的HTML結(jié)構(gòu)代碼。具體如下： 1 !footer begin 2 div class=footer西式甜品網(wǎng)版權(quán)所有20002016京ICP備08001421號amp。nbsp。amp。nbsp。京公網(wǎng)安備110108007702/div 3 !footer end（4）定義樣式，用于控制“版權(quán)信息”模塊。具體如下： 1 .footer{ 2 position: relative。 3 top:8px。 4 width:100%。 5 height:120px。 6 background: url(../images/) repeatx。 7 textalign: center。 8 lineheight: 120px。 9 color:fff。 10 fontsize: 18px。 11 }上述代碼中，第6行代碼用于設(shè)置背景圖沿X軸平鋪。，刷新頁面，效果如圖412所示?！鞍鏅?quán)信息”模塊效果圖1. 若不給自己設(shè)限，則人生中就沒有限制你發(fā)揮的藩籬。2. 若不是心寬似海，哪有人生風(fēng)平浪靜。在紛雜的塵世里，為自己留下一片純靜的心靈空間，不管是潮起潮落，也不管是陰晴圓缺，你都可以免去浮躁，義無反顧，勇往直前，輕松自如地走好人生路上的每一步3. 花一些時間，總會看清一些事。用一些事情，總會看清一些人。有時候覺得自己像個神經(jīng)病。既糾結(jié)了自己，又打擾了別人。努力過后，才知道許多事情，堅持堅持，就過來了。4. 歲月是無情的，假如你丟給它的是一片空白，它還給你的也是一片空白。歲月是有情的，假如你奉獻給她的是一些色彩，它奉獻給你的也是一些色彩。你必須努力，當有一天驀然回首時，你的回憶里才會多一些色彩斑斕，少一些蒼白無力。只有你自己才能把歲月描畫成一幅難以忘懷的人生畫卷。圖412
公司管理相關(guān)推薦
鄂ICP備17016276號-1