Trang chủ
CSS
Đường viền CSS
Đường viền tròn
Thử: Đường viền 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> p.normal { border: 2px màu đỏ đậm; phần đệm: 5px; } p.round1 { viền: 2px màu đỏ đậm; bán kính đường viền: 5px; phần đệm: 5px; } p.round2 { viền: 2px màu đỏ đậm; bán kính đường viền: 8px; phần đệm: 5px; } p.round3 { viền: 2px màu đỏ đậm; bán kính đường viền: 12px; phần đệm: 5px; } </style> </head> <body> <h2>Thuộc tính bán kính đường viền</h2> <p>Thuộc tính này được sử dụng để thêm đường viền tròn cho một phần tử:</p> <p class="normal" >Đường viền bình thường</p> <p class="round1">Đường viền tròn</p> <p class="round2">Đường viền tròn hơn</p> <p class="round3">Đường viền tròn nhất</p> < /body> </html>