【代码】CSS导航三块代码

2014-11-02 23:08:39 -0500

转自＠笑忘书 *

<textrea>
<style>
#sewidth{text-align: center;font-size: 0;letter-spacing: -4px;white-space:nowrap;}
#sewidth a{font-size: 16px;color: #353535;display: inline-block;width: 80px;height: 30px;line-height: 30px;border: 1px solid #bababa;border-left-width: 0;background-color: #fbfbfb;letter-spacing: 0;}
#sewidth a.swleft{-webkit-border-top-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;border-left-width: 1px;}
#sewidth a.swright{-webkit-border-top-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.mtop5{margin-top: 5px;}
</style>
<div id="sewidth" class="wid mtop5">
<a href="http://hu60.cn" class="swleft" target="_blank">虎绿林</a> <a href="http://35230.wodemo.com" target="_blank">笑忘书</a> <a href="http://wapmz.cn/tools/enter.aspx?id=15" class="swright" target="_blank">江湖网</a>
</div>
</textrea>

•代码演示

虎绿林笑忘书江湖网

«Newer Older»

Back to home

Subscribe | Register | Login | N