Trang chủ
CSS
Nút CSS
Tryit: Tạo một nhóm 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> .btn-group .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; con trỏ: con trỏ; nổi: trái; } .btn-group .button:hover { màu nền: #3e8e41; } </style> </head> <body> <h2>Nhóm nút</h2> <p>Xóa lề và thả nổi các nút để tạo nhóm nút:</p> <div class="btn-group"> <button class="button">Nút</button> <button class="button">Nút</button> <button class="button">Nút</button> <button class="button">Nút</ nút> </div> <p style="clear:both"><br>Hãy nhớ xóa các phần nổi sau, nếu không phần tử p này cũng sẽ nổi bên cạnh các nút.</p> </body> </html>