css代碼:

<style type=text/css>

<!--

*{margin:0px;padding:0px;border:0px;list-style-type:none;font-size:12px;text-decoration: none;}

.list{height: 303px;width: 248px;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;margin-bottom: 2px;}

.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 .tw {height: 55px;display: block;border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #e1e1e1;width: 95%;margin-right: auto;margin-left: auto;padding-top: 5px;padding-bottom: 5px;}

.list .tw .pic{float: left;margin-right: 5px;}

.list .tw .pic img {display: block;}

.list .tw .pic a {border: 1px solid #ccc;padding: 1px;height: 50px;width: 50px;display: block;}

.list .tw .pic a:hover {border: 1px solid #f00;}

.list .tw .wd {overflow:hidden;}

.list .tw .wd b{display:block;height: 20px;padding-top: 2px;}

.list .tw .wd em{font-style: normal;line-height: 16px;color: #666;}

.list .tw .wd b a{color:#06c;}

.list .tw .wd b a:hover{color:#f00;}

-->

</style>

html代碼:

<div class=list>

<div class=title><h4>網(wǎng)站制作</h4><a href= target=_blank title=>查閱

更多信息請(qǐng)查看IT技術(shù)專欄