作者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