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

使用jquery圓角插件 jquery.corner 來(lái)解決這個(gè)問題，一個(gè)代碼就足夠了：

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

同樣實(shí)現(xiàn)一個(gè)帶邊框的圓角效果：

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

足夠簡(jiǎn)單了吧.

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

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