| 标题 | 标准组合-上图下标 |
| 范文 | css样式: <style type="text/css"> <!-- *{ margin:0px; padding:0px; border:0px; list-style-type:none; font-size:12px; text-decoration: none; } .list{ width: 530px; border: 1px solid #B0C5E4; overflow: hidden; } .clear{ clear:both; display:block; overflow:hidden; font-size: 0px; } .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 { overflow: auto; clear: both; _height:1%; padding-top: 15px; padding-left: 20px; padding-bottom: 5px; } .list ul li{ width: 106px; float: left; margin-right: 20px; } .list ul li i { } .list ul li i img { display: block; height: 100px; width: 100px; } .list ul li i a { display: block; border: 1px solid #CCC; padding: 2px; } .list ul li i a:hover { border: 1px solid #F00; } .list ul li em{ text-align:center;/*日期右对齐*/ display: block; font-weight: bold; line-height: 26px; font-style: normal; } .list ul li em a { color:#333; } .list ul li em a:hover { color:#FF0000; text-decoration: underline; } --> </style> div布局: <div> <div><h4>网站制作</h4><a href="" target="_blank">查阅更多</a></div> <ul> <li><i><a href="#" target="_blank"><img src="images/demo_pic.jpg" width="100" height="100" /></a></i> <em><a href="http://www.anypoetry.com" target="_blank">标准组合</a></em></li> <li><i><a href="#" target="_blank"><img src="images/demo_pic.jpg" width="100" height="100" /></a></i> <em><a href="http:/www.anypoetry.com" target="_blank">标准组合</a></em></li> <li><i><a href="#" target="_blank"><img src="images/demo_pic.jpg" width="100" height="100" /></a></i> <em><a href="http://www.anypoetry.com" target="_blank">标准组合</a></em></li> <li><i><a href="#" target="_blank"><img src="images/demo_pic.jpg" width="100" height="100" /></a></i> <em><a href="http://www.anypoetry.com" target="_blank">标准组合</a></em></li> <li><i><a href="#" target="_blank"><img src="images/demo_pic.jpg" width="100" height="100" /></a></i> <em><a href="http:/www.anypoetry.com" target="_blank">标准组合</a></em></li> <li><i><a href="#" target="_blank"><img src="images/demo_pic.jpg" width="100" height="100" /></a></i> <em><a href="http://www.anypoetry.com" target="_blank">标准组合</a></em></li> <li><i><a href="#" target="_blank"><img src="images/demo_pic.jpg" width="100" height="100" /></a></i> <em><a href="http:/www.anypoetry.com" target="_blank">标准组合</a></em></li> <li><i><a href="#" target="_blank"><img src="images/demo_pic.jpg" width="100" height="100" /></a></i> <em><a href="http:/www.anypoetry.com" target="_blank">标准组合</a></em></li> </ul> </div> |
| 随便看 |
|
在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板，是学习及工作的有利工具。