中文字幕免费精品_亚洲视频自拍_亚洲综合国产激情另类一区_色综合咪咪久久

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 title="網站制作學習網" target="_blank">·代碼復用測試頁代碼復用測試頁面列表代碼復用測試頁面列表面列表</a></li>

<li><a title="網站制作學習網" target="_blank">·代碼復用測試頁面列表</a></li>

<li><a title="網站制作學習網" target="_blank">·代碼復用測試頁面列表</a></li>

<li><a title="網站制作學習網" target="_blank">·代碼復用測試頁面列表</a></li>

<li><a title="網站制作學習網" target="_blank">·代碼復用測試頁面列表</a></li>

<li><a title="網站制作學習網" target="_blank">·代碼復用測試頁面列表</a></li>

<li><a title="網站制作學習網" target="_blank">·代碼復用測試頁面列表</a></li>

<li><a title="網站制作學習網" target="_blank">·代碼復用測試頁面列表</a></li>

<li><a title="網站制作學習網" target="_blank">·代碼復用測試頁面列表</a></li>

<li><a title="網站制作學習網" target="_blank">·代碼復用測試頁面列表</a></li>

</ul>

</div>

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