Tạo box bo tròn với Curvy Corners

Thông thường, chúng ta có thể sử dụng thuộc tính

div.test {-webkit-border-radius: 4px; -moz-border-radius: 4px;}

Để bo khung cho các box, tuy nhiên các trình duyệt cũ lại không hiển thị thuộc tính này do không hỗ trợ. Do đó chúng ta thường sử dụng loại kĩ thuật bo khung bằng hình ảnh cho dễ dàng. Ngoài ra, nếu bạn không rành  CSS và cũng chẳng muốn tốn thời gian để ngồi thiết kế mấy cái hình đó bạn có thể sử dụng thư viện Curvy Corners – một plugin của  Jquery để tạo các khung bo góc dễ dàng hơn.

Việc này ngoài vấn đề tiết kiệm thời gian còn giúp bạn không phải quan tâm quá nhiều đến những box như thế này về mặc kĩ thuật nữa vì đã có Curvy Corners giúp bạn rồi.

Website: http://www.curvycorners.net/
Demo: http://www.curvycorners.net/demos/

Với cái này công việc của bạn khá là đơn giản: chỉ việc include cript này vào và thực hiện theo hướng dẫn tại trang demo thôi.