用CSS3的border-radius属性来制作圆角边框相当顺手,然而浏览器的兼容问题并不是太好处理,这里我们就来总结一下border-radius以外的CSS圆角边框制作方法.

CSS3的border-radius利用DIV+CSS生成圆角边框，在很多情况下都会用到，目前DIV+CSS的圆角边框，一种是利用CSS3，一种是利用布局模拟出圆角。 先说第一种，利用CSS3，前提是您的浏览器必须支持CSS3，Firefox3是支持的，我看到的很多网站圆角也是利用CSS3直接生成的，无非就是ie下依然显示直角而已，让ie固执去吧。 利用CSS3，你可以指定4个角都是圆角，或者某一个角是圆角非常方便，代码如下： CSS Code复制内容到剪贴板 #round {