作者look ()
看板Web_Design
標題Re: [問題] 如何用 CSS 做到這樣的排版？
時間Wed Dec 7 00:00:50 2005
※ 引述《NelsonT (有人要 GMail 嗎?)》之銘言：
: http://wise.edu.tw/weblink/weblink.asp
: 請教大家，這個網頁裡頭的相關連結的排版
: (就是每列三個圖，圖下還有網站名稱)
: 若是要用 CSS 來完成，要怎麼做比較好呢？
: 我在考慮要用 CSS 還是用 table 比較好，
: 可以給我一些意見嗎？
: 謝謝各位
#links{
width:600px;
padding:0px;
margin:0px;
}
#links li{
width:180px;
list-style:none;
display:inline;
padding:0px;
margin:0px;
}
#links span{
color:#363622;
text-align:center;
float:left;
width:180px;
}
#links img{
border:0px;
padding:0px;
margin:0px;
}
<ul id="links">
<li><a href="#"><img src="im1.jpg" /><span>連結1</span></a></li>
<li><a href="#"><img src="im2.jpg" /><span>連結2</span></a></li>
<li><a href="#"><img src="im3.jpg" /><span>連結3</span></a></li>
<li><a href="#"><img src="im4.jpg" /><span>連結4</span></a></li>
<li><a href="#"><img src="im5.jpg" /><span>連結5</span></a></li>
<li><a href="#"><img src="im6.jpg" /><span>連結6</span></a></li>
</ul>
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 218.162.239.239
1F：→ NelsonT:謝謝提供資訊 :) 12/07 23:15