Cách TO - Các nút Toàn chiều rộng (Khối)
Tìm hiểu cách tạo kiểu cho các nút khối (toàn chiều rộng) bằng CSS.
Cách tạo kiểu cho các nút khối
Bước 1) Thêm HTML:
Thí dụ
<button
type="button" class="block">Block Button</button>
Bước 2) Thêm CSS:
Để tạo nút có chiều rộng đầy đủ, hãy thêm chiều rộng 100% và biến nó thành một phần tử khối:
Thí dụ
.block {
display: block;
width: 100%;
border: none;
background-color: #04AA6D;
padding: 14px 28px;
font-size: 16px;
cursor: pointer;
text-align: center;
}
Đi tới Hướng dẫn về các nút CSS của chúng tôi để tìm hiểu thêm về cách tạo kiểu cho các nút.