★CSS实现的重叠线效果(可作友链/网站导航带简介)★

<style type="text/css">
.website{
text-align:left;
padding-left:3px;
}
.website>li{
list-style:inside decimal;border-bottom:2px dotted black;font-size:17px;color:grey;white-space:nowrap;margin-top:10px;margin-bottom:10px;
}
.website>li>a{
color:brown;font-size:20px;border-bottom:2px solid black;line-height:26px;display:inline-block;*display:inline;*zoom:1;
/*兼容inline-block----这里可以以用浮动代替*/
/*inline-block遇到text-indent会有兼容问题，原因是 ie6/7 其实还是inline*/
margin-bottom:-2px;margin-right:0.2em;
}
</style>
<ul class="website">
<li><a href="http://wodemo.com">我的磨</a>自由绿色简洁的移动网站</li>
<li><a href="http://35230.wodemo.com">笑忘书网盘</a>精品网页代码收藏馆</li>
<li><a href="http://m.baozoumanhua.com/">暴走漫画</a>分享原创搞笑漫画网</li>
</ul>