Trang chủ
CSS
Nút CSS
Dùng thử: Nút 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> .button { màu nền: #04AA6D; /* Xanh */ đường viền: không có; màu trắng; phần đệm: 20px; căn chỉnh văn bản: giữa; trang trí văn bản: không có; hiển thị: khối nội tuyến; cỡ chữ: 16px; lề: 4px 2px; con trỏ: con trỏ; } .button1 {bán kính đường viền: 2px;} .button2 {bán kính đường viền: 4px;} .button3 {bán kính đường viền: 8px;} .button4 {bán kính đường viền: 12px;} .button5 {bán kính đường viền: 50% ;} </style> </head> <body> <h2>Nút tròn</h2> <p>Thêm các góc tròn vào nút bằng thuộc tính bán kính đường viền:</p> <button class="button Button1" >2px</button> <button class="button Button2">4px</button> <button class="button Button3">8px</button> <button class="button Button4">12px</button> <button class="button Button5">50%</button> </body> </html>