当前位置: 代码迷 >> Web前端 >> 兑现圆角
  详细解决方案

兑现圆角

热度:2   发布时间:2012-09-10 11:02:32.0
实现圆角
<style type="text/css">
b {
display: block;
overflow: hidden;
height: 1px;
}

.horn1 {
margin: 0 2px;
background: #333;
}

.horn2,.content {
border-color: #333;
border-style: solid;
border-width: 0 1px;
clear: both
}

.horn2 {
margin: 0 1px;
}
</style>
</head>


<body>
<div>
<b class="horn1"></b>
<b class="horn2"></b>
<div class="content">
CSS实现圆角效果代码
<br />
CSS实现圆角效果代码
<br />
CSS实现圆角效果代码
<br />
<A href="#" _fcksavedurl="#" target=_blank>很实用网站</A>
</div>
<b class="horn2"></b>
<b class="horn1"></b>
</div>


</body>
  相关解决方案