★CSS实现的重叠线效果(可作友链/网站导航带简介)★
2015-02-02 15:28:57 -0500
<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>
Back to home
Subscribe |
Register |
Login
| N