DIV CSS 佈局教程網

網頁制作poluoluo文章簡介：介紹一個非常簡單的jQuery圓角實現效果吧，說是圓角有點小看它了，因為它可以實現的不止是圓角，看這張圖就知道了。

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/