Đổ bóng trong CSS

Bài này chỉ giới hạn ở thẻ

<div style=" Các thuộc tính có thể thêm vào;">Nội dung cần áp dụng các thuộc tính</div>

Thực chất đây là code dùng để đóng khung bài viết hay các tiện ích.
Trong bài này mình muốn giới thiệu thêm 2 thuộc tính
- Border-radius
- Box-shadow
Nghĩa là bo góc cho khung(hộp) và đổ bóng cho khung(hộp)
Ta chỉ cần thêm vào sau <div style=" các thuộc tính cần áp dụng như:
border-radius:x x x; hoặc là box-shadow:x x x; trong đó x x x là các thông số,cũng là trị số của CSS3.
Dưới đây là một số trị số của 2 thuộc tính trên

1. Bo góc

    
    border-radius: 15px;

border-radius: 15px (thuộc tính css để bo góc cho khung DIV với 4 góc có độ lượn là 15 chấm điểm).

moz-border-radius dùng cho các trình duyệt Fireox cũ không nhận biết được các mã CSS,với sự update liên tục của các trình duyệt trong thời gian này thì ta có thể bỏ những dòng Để bo tròn cho từng góc của khung DIV, các bạn có thể dùng những lệnh mở rộng sau:
border-radius : bo 4 góc.
border-top-left-radius : bo góc phía trên bên tay trái.
border-top-right-radius : bo góc phía trên bên tay phải.
border-bottom-left-radius : bo góc phía dưới bên tay trái.
border-bottom-right-radius : bo góc phía dưới bên tay phải.