CSS3 Các góc được làm tròn được sử dụng để thêm một góc có màu đặc biệt vào nội dung hoặc văn bản bằng cách sử dụng thuộc tính border-radius.
Cú pháp đơn giản của các góc được làm tròn như sau -
#rcorners {
border-radius: 60px/15px;
background: #FF0000;
padding: 20px;
width: 200px;
height: 150px;
} Bảng sau đây cho thấy các giá trị có thể có cho các góc được làm tròn như sau:
| Giá trị | Mô tả |
|---|---|
| border-radius | Sử dụng phần tử này để đặt thuộc tính bán kính bốn đường viền |
| border-top-left-radius | Sử dụng phần tử này để thiết lập đường viền của góc trên cùng bên trái |
| border-top-right-radius | Sử dụng phần tử này để thiết lập đường viền của góc trên cùng bên phải |
| border-bottom-right-radius | Sử dụng phần tử này để thiết lập đường viền của góc dưới cùng bên phải |
| border-bottom-left-radius | Sử dụng phần tử này để thiết lập đường viền của góc dưới cùng bên trái |