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

Tác giả: Nguyễn Duy Nhân    1 Comment

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.

Bạn nên đọc

• Hướng dẫn đăng ký tài khoản Paypal tại VN
• Mời hợp tác kiếm tiền (designer và coder)
• Tạo con dấu đỏ bằng photoshop
• Audio các bài thuyết pháp của Thượng Tọa Thích Chân Quang
• RobotVN 1.2.0 open beta…
• Framework Wordpress nào SEO tốt ?
• Sử dụng Gravatar để tạo Avatar tại mọi mặt trận Wordpress
• Liên hệ
• Tổng kết NhanWeb tháng 04/2011
• CSS PopUp – Hiện POPUP đẹp hơn, dễ dàng hơn…