Trang chủ
CSS
Nút CSS
Dùng thử: Nút hoạt hình - thêm hiệu ứng nhấn khi nhấp chuộ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 { display: inline-block; phần đệm: 15px 25px; cỡ chữ: 24px; con trỏ: con trỏ; căn chỉnh văn bản: giữa; trang trí văn bản: không có; phác thảo: không có; màu sắc: #fff; màu nền: #04AA6D; đường viền: không có; bán kính đường viền: 15px; bóng hộp: 0 9px #999; } .button:hover {màu nền: #3e8e41} .button:active { màu nền: #3e8e41; bóng hộp: 0 5px #666; biến đổi: dịchY(4px); } </style> </head> <body> <h2>Nút hoạt hình - "Hiệu ứng được nhấn"</h2> <button class="button">Nhấp vào tôi</button> </body> </html>