Trang chủ
CSS
Nút CSS
Thử: Kích thước phông chữ của 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; lề: 4px 2px; con trỏ: con trỏ; } .button1 {font-size: 10px;} .button2 {font-size: 12px;} .button3 {font-size: 16px;} .button4 {font-size: 20px;} .button5 {font-size: 24px; } </style> </head> <body> <h2>Kích thước nút</h2> <p>Thay đổi kích thước phông chữ của nút bằng thuộc tính font-size:</p> <button class="button Button1" >10px</button> <button class="button Button2">12px</button> <button class="button Button3">16px</button> <button class="button Button4">20px</button> <button class="button Button5">24px</button> </body> </html>