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="">查閱更多</a></div>

<ul class="clearfix">

<li><a href="

<li><a href="

<li><a href="

<li><a href="

<li><a href="

<li><a href="

<li><a href="

<li><a href="

<li><a href="

<li><a href="

</ul>

更多信息請查看IT技術專欄