第六章：html列表 二維碼
324
代碼如下：
三、 橫向圖文列表 橫向圖文列表是在上一步的基礎(chǔ)上增加圖片并讓列表橫向排列，最終實現(xiàn)效果如下： 先插入如下的html代碼，插入過程就不再截圖了，如果不會的話請學(xué)習(xí)前邊章節(jié) <div id="layout"> <ul> <li><a href="#"><img src="images/pic.gif" width="68" height="54" />三亞</a></li> <li><a href="#"><img src="images/pic.gif" width="68" height="54" />三亞</a></li> <li><a href="#"><img src="images/pic.gif" width="68" height="54" />三亞</a></li> <li><a href="#"><img src="images/pic.gif" width="68" height="54" />三亞</a></li> <li><a href="#"><img src="images/pic.gif" width="68" height="54" />三亞</a></li> <li><a href="#"><img src="images/pic.gif" width="68" height="54" />三亞</a></li> <li><a href="#"><img src="images/pic.gif" width="68" height="54" />三亞</a></li> <li><a href="#"><img src="images/pic.gif" width="68" height="54" />三亞</a></li> <li><a href="#"><img src="images/pic.gif" width="68" height="54" />三亞</a></li> <li><a href="#"><img src="images/pic.gif" width="68" height="54" />三亞</a></li> <li><a href="#"><img src="images/pic.gif" width="68" height="54" />三亞</a></li> <li><a href="#"><img src="images/pic.gif" width="68" height="54" />三亞</a></li> <li><a href="#"><img src="images/pic.gif" width="68" height="54" />三亞</a></li> <li><a href="#"><img src="images/pic.gif" width="68" height="54" />三亞</a></li> <li><a href="#"><img src="images/pic.gif" width="68" height="54" />三亞</a></li> <li><a href="#"><img src="images/pic.gif" width="68" height="54" />三亞</a></li> </ul> </div> 接下來添加css樣式，這里用到一個很重要的css屬性：float，這個屬性在第三天的教程當中已詳細講解過，這里不太贅述。先添加如下全局樣式： body { margin:0 auto; font-size:12px; font-family:Verdana; line-height:1.5;} ul,dl,dt,dd,h1,h2,h3,h4,h5,h6,form { padding:0; margin:0;} ul { list-style:none;} img { border:0px;} a { color:#05a; text-decoration:none;} a:hover { color:#f00;} 然后讓每個li元素浮動起來，這樣就實現(xiàn)了橫向排列  以信載商，良心建站。遨游始終秉承“一次建站、終身維護”的宗旨，竭誠為客戶提供最優(yōu)質(zhì)的互聯(lián)網(wǎng)服務(wù)。遨游建站率先植入seo優(yōu)化理念，讓你的網(wǎng)頁更利于搜索引擎抓取，關(guān)鍵詞排名更靠前。可仿站、可定制。無論是傳統(tǒng)型企業(yè)官網(wǎng)、集團型品牌官網(wǎng)，還是營銷型網(wǎng)站、電商型網(wǎng)站、定制型網(wǎng)站、特殊行業(yè)網(wǎng)站（醫(yī)療、教育），全部搞定。 公司：網(wǎng)站建設(shè)_小程序設(shè)計_競價托管代運營公司；郵箱：1013601535@qq.com 手機：17073547034；QQ： 1013601535 在線留言咨詢，24小時內(nèi)回復(fù)
我想咨詢 *
企業(yè)名稱
手機號碼 *
您的姓名
所在城市 提交 |
網(wǎng)站建設(shè)問題
熱門標簽
最新發(fā)布 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|