(1-10)列表漂亮效果代码

(1-10)列表漂亮效果代码

作者：5x54 点击：读取中...次发布日期：2008-05-16.19:53

引用代码：<style type="text/css">
body {
background-color: #FFFFFF;
padding: 0px;
margin: 0px;
font-size: 12px;
font-family: simsun;
}
td {
font-size: 12px;
line-height: 150%;
}
.pl2{ clear:both;width:155px;padding-left:13px;padding-top:6px;text-align:left;}
.pl2 a{color:#5C5C5C; text-decoration:none;}
.pl2 a:hover{color:#FF0000; text-decoration:underline}
.pl41{ float:left;width:14px; height:14px; line-height:15px; background-color:#FF6600;color:#FFFFFF; text-align:center}
.pl42{ float:left;width:127px;padding-top:1px;padding-left:8px;text-align:left; color:#5C5C5C;}
.pl43{float:left;width:14px;height:14px; line-height:15px; background-color:#FF9900;color:#FFFFFF; text-align:center}
.pl5 a{color:#0F0CBF; text-decoration:none;}

</style>
<div class='pl2'><div class='pl41'>1</div><div class='pl42'><A href='#' >LG L227WT</A></div></div>
<div class='pl2'><div class='pl41'>2</div><div class='pl42'><A href='#' >LG L226WTQ</A></div></div>
<div class='pl2'><div class='pl41'>3</div><div class='pl42'><A href='#' >LG W2252TQ</A></div></div>
<div class='pl2'><div class='pl43'>4</div><div class='pl42'><A href='#' >LG L222WT</A></div></div>
<div class='pl2'><div class='pl43'>5</div><div class='pl42'><A href='#' >LG W1942T</A></div></div>
<div class='pl2'><div class='pl43'>6</div><div class='pl42'><A href='#' >LG W1934S</A></div></div>
<div class='pl2'><div class='pl43'>7</div><div class='pl42'><A href='#' >LG W1942S</A></div></div>
<div class='pl2'><div class='pl43'>8</div><div class='pl42'><A href='#' >LG W2242S</A></div></div>
<div class='pl2'><div class='pl43'>9</div><div class='pl42'><A href='#' >LG W2242T</A></div></div>
<div class='pl2'><div class='pl43'>0</div><div class='pl42'><A href='#' >LG L246WH</A></div></div>

收藏此文章　　　　　打印此文章　　　　　编辑此文章　　　　『关闭窗口』　


	家园个人文集		http://www.5x54.com