Trang chủ
CSS
Nút CSS
Thử: Đặt độ rộng của các nút
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: 15px 32px; 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 {width: 250px;} .button2 {width: 50%;} .button3 {width: 100%;} </style> </head> <body> <h2>Đặt độ rộng của nút</h2> <p >Sử dụng thuộc tính chiều rộng để thay đổi độ rộng của nút:</p> <button class="button Button1">250px</button><br> <button class="button Button2">50%</button>< br> <button class="button Button3">100%</button> <p><strong>Mẹo:</strong> Sử dụng pixel nếu bạn muốn đặt chiều rộng cố định và sử dụng phần trăm cho các nút phản hồi (ví dụ: 50% của phần tử cha của nó). Thay đổi kích thước cửa sổ trình duyệt để xem hiệu ứng.</p> </body> </html>