标题 | 标准组合-一列结构文字列表 |
范文 | css样式: <style type="text/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> <div><h4></h4><a href="" target="_blank">查阅更多</a></div> <ul> <li><a href="http://www.anypoetry.com" target="_blank">·代码复用测试页代码复用测试页面列表代码复用测试页面列表面列表</a></li> <li><a href="http://www.anypoetry.com" target="_blank">·代码复用测试页面列表</a></li> <li><a href="http://www.anypoetry.com" target="_blank">·代码复用测试页面列表</a></li> <li><a href="http://www.anypoetry.com" target="_blank">·代码复用测试页面列表</a></li> <li><a href="http://www.anypoetry.com" target="_blank">·代码复用测试页面列表</a></li> <li><a href="http://www.anypoetry.com" target="_blank">·代码复用测试页面列表</a></li> <li><a href="http://www.anypoetry.com" target="_blank">·代码复用测试页面列表</a></li> <li><a href="http://www.anypoetry.com" target="_blank">·代码复用测试页面列表</a></li> <li><a href="http://www.anypoetry.com" target="_blank">·代码复用测试页面列表</a></li> <li><a href="http://www.anypoetry.com" target="_blank">·代码复用测试页面列表</a></li> </ul> </div> |
随便看 |
|
在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板,是学习及工作的有利工具。