一段不错的div+css
<style>
.list{
display:inline;
float:right;
width:603px;
border:#b0bec7 1px solid;
margin-top:6px;
/*height:178px;*/
}
.list ul{
margin:3px 1px;
}
.list ul li{
float:left;
width:145px;
padding-left:20px;
height:24px;
line-height:24px;
background:url(list_ico.png) no-repeat 12px 9px;
overflow:hidden;
margin:0px;
}
.list ul li.img{
width:110px;
height:155px;
background:none;
padding-left:0px;
}
.list ul li.img a{
display:block;
width:110px;
height:145px;
margin-left:5px;
}
.list ul li.img a img{
width:110px;
height:145px;
display:block;
}
.list h3 a{
display:inline;
float:right;
margin:8px;
}
</style>
<div class="list">
<ul>
<li><a href="http://www.lan27.com/movie/gt/2771/">命中注定我爱...</a>
</li>
<li><a href="http://www.lan27.com/movie/gt/5762/">法证先锋II...</a>
</li>
<li><a href="http://www.lan27.com/movie/gt/5880/">盖世豪侠</a>
</li>
<li><a href="http://www.lan27.com/movie/gc/5772/">食人鱼事件</a>
</li>
<li><a href="http://www.lan27.com/movie/rh/5789/">新进职员</a>
</li>
<li><a href="http://www.lan27.com/movie/gc/5791/">所谓婚姻</a>
</li>
<li><a href="http://www.lan27.com/movie/om/4754/">终结者外传</a>
</li>
<li><a href="http://www.lan27.com/movie/gc/5787/">用心过日子</a>
</li>
<li><a href="http://www.lan27.com/movie/gc/5786/">三国演义</a>
</li>
<li><a href="http://www.lan27.com/movie/gt/5777/">我和僵尸有个...</a>
</li>
<li><a href="http://www.lan27.com/movie/gt/2373/">深情密码全集</a>
</li>
<li><a href="http://www.lan27.com/movie/gc/5757/">中国兄弟连</a>
</ul>
</div>
=============滚动条文本框样式==================
.div-css{border:1px solid #CCF;width:600px;height:200px;overflow:auto;padding:5px;margin-left:20px;line-height:20px;}
【相关文章:】
一款动感十足的div+css动态菜单
DIV+CSS布局的好处
纯CSS制作简洁的垂直导航
用CSS制作隐藏菜单
CSS垂直树形下拉菜单
CSS+DIV设计实例:纯CSS制作下拉导航菜单
简单 用CSS实现表单form布局
左中右3栏布局中最先显示中栏内容的方法
用CSS floats创建三栏页布局
解决列高度自适应(列高度相同)的五种方法
【发表评论】【打印此文】【关闭窗口】【点击数: 】
