无图片实现圆角框

显示全部楼层 · 2010-11-16 16:28:35

圆角DIV ：

css圆角效果

div.RoundedCorner{background: #9BD1FA}
b.rtop, b.rbottom{display:block;background: #FFFFFF}
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}

无图片实现圆角框

无图片实现圆角框

不是很明白怎么实现的，望能有详细的解答

千问 · 2010-11-16 16:28:35

你上面那个代码好长，而且兼容性可能不是很好，实现圆角通常有两种方法：1、通过CSS3代码；2、通过JS来模拟。CSS3代码：border-radius这个属性JS：DD_roundies建议你使用下面的方法，简单很多