Trang chủ
CSS
Các góc tròn CSS
Thử: Tạo các góc bo tròn
Chạy ❯
Nhận trang web của
riêng
bạn
×
Thay đổi định hướng
Lưu mã
Thay đổi chủ đề, Tối/Sáng
Đi tới Không gian
<!DOCTYPE html> <html> <head> <style> #rcorners1 { bán kính đường viền: 25px; nền: #73AD21; phần đệm: 20px; chiều rộng: 200px; chiều cao: 150px; } #rcorners2 { bán kính đường viền: 25px; đường viền: 2px liền khối #73AD21; phần đệm: 20px; chiều rộng: 200px; chiều cao: 150px; } #rcorners3 { bán kính đường viền: 25px; nền: url(paper.gif); vị trí nền: trên cùng bên trái; lặp lại nền: lặp lại; phần đệm: 20px; chiều rộng: 200px; chiều cao: 150px; } </style> </head> <body> <h1>Thuộc tính bán kính đường viền</h1> <p>Các góc được làm tròn cho một phần tử có màu nền được chỉ định:</p> <p id="rcorners1"> Các góc được làm tròn!</p> <p>Các góc được làm tròn cho một phần tử có đường viền:</p> <p id="rcorners2">Các góc được làm tròn!</p> <p>Các góc được làm tròn cho một phần tử có hình nền :</p> <p id="rcorners3">Các góc được bo tròn!</p> </body> </html>