列表问题
点击数:2463 发布时间2012-01-24 23:03:01
<div id="box">
<div id="title">标题</div>
<div id="pic">
<img src=" POORGIRL.JPG" width="200" height="284" />
<ul>
<li><a href="#">第一</a></li>
....................................................
</ul>
</div>
<ul class="text">
<li><a href="#">第一</a></li>
………………………………….
</ul>
</div>
CSS样式表代码
<style type="text/css">
<!--
*{
margin:0px;padding:0px
}
a{
color:red
}
ul li{
list-style:none;margin:0px;padding:0px
}
#box{
border:#cccccc 1px solid;width:300px;height:300px;padding:1px
}
#box #title{
background:#eee;color:#555;font-weight:bold;line-height:200%;padding:0 0 0 5px;margin:0 0 5px 0
}
#box #pic{
color:#555555;line-height:200%;padding:0 0 5px 5px;font-size:12px;border-bottom:1px #cccccc dotted
}
#box #pic img{
border:#cccccc 1px solid;padding:1px;width:120px;height:90px;float:left;margin:0 15px 0 0
}
#box .text{
margin:5px;padding:0;font-size:12px;line-height:250%
}
#box .text li{
background:url(dot.gif) repeat-x bottom
}
#box .text li a{
color:#00ff00
}
-->
</style>