w3c很早就已經在css 3 中加入了圓角屬性border-radius，但是由于某些流行瀏覽器的不支持，使得其還是沒能被廣泛使用，所以我們會想盡辦法去進行更好的補充，包括背景圖片的圓角實現、js圓角實現等等。但是這些方法在實現的過程中，總是會增加很多無謂的工作任務，而且還有可能無法做到瀏覽器之間的兼容性，那么就介紹一個非常簡單的jquery圓角實現效果吧，說是圓角有點小看它了，因為它可以實現的不止是圓角，看這張圖就知道了。

使用jquery圓角插件 jquery.corner 來解決這個問題，一個代碼就足夠了：

$('.round').corner("10px");

同樣實現一個帶邊框的圓角效果：

$('div.rounded_box').wrap(' ');$('div.rounded_box').corner("round 8px").parent().css('padding', '2px').corner("round 10px");

足夠簡單了吧.

jquery圓角插件演示：http://malsup.com/jquery/corner/

jquery圓角插件官方: http://www.malsup.com/jquery/corner/