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 class=list>

<div class=title><h4></h4><a href= target=_blank title=>查閱

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