Cách thực hiện - Các nút (Chặn) có chiều rộng tối đa
Tìm hiểu cách tạo kiểu cho các nút chặn (toàn chiều rộng) bằng CSS.
Cách tạo kiểu cho các nút chặn
Bước 1) Thêm HTML:
Ví 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 thành phần khối:
Ví dụ
.block {
display: block;
width: 100%;
border: none;
background-color: #04AA6D;
padding: 14px 28px;
font-size: 16px;
cursor: pointer;
text-align: center;
}
Hãy tự mình thử »Đi tới Hướng dẫn về 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.