网站制作学习网→DIV+CSS→正文：标准组合-一列结构文字列表

字体：大中小

标准组合-一列结构文字列表

DIV+CSS　2011/4/18 16:25:54　　点击：不统计

www-fo-a-sp.cn

css样式:

<!--

margin:0px;

padding:0px;

border:0px;

list-style-type:none;

font-size:12px;

text-decoration: none;

}

.list{

width: 218px;

border: 1px solid #B0C5E4;

overflow: hidden;

}

.list .title {

height: 32px;

line-height: 32px;

background-image: url(images/bg_repeatx.png);

background-repeat: repeat-x;

background-position: 0px -164px;

padding-right: 10px;

padding-left: 5px;

clear: both;

}

.list .title h4 {

font-size: 14px;

font-weight: bold;

float: left;

background-image: url(images/icon.gif);

background-repeat: no-repeat;

background-position: 0px 10px;

padding-left: 12px;

}

.list .title a {

float: right;

color: #316AC5;

}

.list .title a:hover {

float: right;

color: #FF0000;

text-decoration: underline;

}

.list ul {

padding-bottom: 3px;

clear: left;

overflow: hidden;padding-top:3px;

}

.list ul li{

line-height:25px;

height:25px;

float: left;

width:100%;

margin-left: 3px;

display: inline;overflow:hidden;

}

.list ul li a{color:#06c;}

.list ul li a:hover{color:#FF0000;text-decoration: underline;}

.clear{ clear:both; font-size:0px; overflow: hidden;}

/* Clear Fix */

.clearfix:after {

content:".";

display:block;

height:0;

clear:both;

visibility:hidden;

}

.clearfix {

display:inline-block;

}

/* Hide from IE Mac \*/

.clearfix {display:block;}

/* End hide from IE Mac */

/* end of clearfix */

-->

</style>

div代码:

<div class="title"><h4>网站制作学习网</h4><a href="" target="_blank" title="">查阅更多</a></div>

<li><a href="http://www.forasp.cn" title="网站制作学习网" target="_blank">·代码复用测试页代码复用测试页面列表代码复用测试页面列表面列表</a></li>

<li><a href="http://www.forasp.cn" title="网站制作学习网" target="_blank">·代码复用测试页面列表</a></li>

</ul>

</div>

原文章%77w%77%2Ef%6F%72%61%73%70%2E%63n

·上一篇：标准组合-上图下标 >> 　　　·下一篇：如何去除点击链接时出现的虚线框 >>