1 Mẹo vặt: vận dụng bo tròn góc 24/4/2012, 4:40 pm
duongcam.ict
Admin
Chắc ai cũng biết cách bo tròn góc rồi, có cả một bài chia sẻ dài luôn.
Bây giờ nếu các bạn muốn cắt mỗi một góc thôi thì sao ?
Ví dụ cắt góc dưới phải thì CSS là: -moz-border-radius-bottomright: 7px; từ đây các bạn dễ dàng luận ra 3 góc còn lại phải không ?
Bây giờ chúng ta vận dụng bóp méo cái thanh tiêu đề trên các box xem sao.
Các bạn dán code sau vào CSS rồi xem các thanh tiêu đề của các box nó bị méo rất đẹp.
Nguồn: http://diendan.chinhphuc.info/
Bây giờ nếu các bạn muốn cắt mỗi một góc thôi thì sao ?
Ví dụ cắt góc dưới phải thì CSS là: -moz-border-radius-bottomright: 7px; từ đây các bạn dễ dàng luận ra 3 góc còn lại phải không ?
Bây giờ chúng ta vận dụng bóp méo cái thanh tiêu đề trên các box xem sao.
Các bạn dán code sau vào CSS rồi xem các thanh tiêu đề của các box nó bị méo rất đẹp.
- Code:
th {
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
}
- Code:
http://www.trekhuyettat.org/forum
Nguồn: http://diendan.chinhphuc.info/