CSS圆角制作方法大集合

现在用CSS技术制作圆角已经变得相当流行，一般都是用两个或者四个圆角图片包围在需要以圆角样式呈现的内容外。如果需要自适应大小，则必须用四个（上左、上右、下左、下右）圆角图片形成四个逐层嵌套的DIV层把内容包围起来，这样一来，由于嵌套层数过多（一般被嵌套的内容里也有多层嵌套），浏览器在解释时速度就会变慢，最终导致页面打开的时间变长。而现在出现了不用图片的纯CSS圆角制作方法，只用一个JS文件就能搞定所有的CSS圆角。今天发现了CSS Rounded Corners 'Roundup'。这篇文章就是把所有在线制作CSS圆角的网站集合起来，并且加以比较，如：是否使用图片；是否使用javascript；是否固定大小等等，大家可以自己选择适合自己的制作方法。例如我右边侧栏的黑色圆角就是用roundedcornr做的，用了四张图片，现在觉得四层嵌套有点影响载入速度，正打算换一种其他的圆角。下面是此网站部分截图：

展开全文收缩文章