【代码】★CSS实现的重叠线效果(可作友链/网站导航带简介)★
2014-11-03 00:11:03 -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>
•代码演示
我的磨
自由绿色简洁的移动网站
笑忘书网盘
精品网页代码收藏馆
暴走漫画
分享原创搞笑漫画网
淡定微笑
«Newer
Older»
Comment:
Name:
Back to home
Subscribe
|
Register
|
Login
|
N