无图片制作带有 45 度斜角的导航菜单代码,Css代码库,德仔网

代码语言

代码分类

【Css】无图片制作带有 45 度斜角的导航菜单

作者:Dezai.CN / 发布于2013/1/29/ 658

<style type="text/css">
.nifty{ margin: 0 auto;background: #9BD1FA; width:40%;}
.nifty .content { padding:0 10px; }
  
b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height:1px;overflow:hidden; background:#9BD1FA}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
</style>


<div class="nifty">
    <b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
    <div class="content">
    Rounded corners
    </div>
    <b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
</div>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　无图片制作　

同语言下

可能有用的

Dezai.CN贡献的其它代码(4037)