Cách tạo: Nút toàn rộng (cấp độ khối)

Học cách sử dụng CSS để thiết lập样式 cho nút cấp độ khối (toàn rộng).

Cách thiết lập样式的 nút cấp độ khối

Bước 1 - Thêm HTML:

<button type="button" class="block">Nút Cấp Độ Khối</button>

Bước 2 - Thêm CSS:

Để tạo nút cấp độ khối, hãy thêm độ rộng 100% và làm cho nó trở thành phần cấp độ khối:

.block {
  display: block;
  width: 100%;
  border: none;
  background-color: #04AA6D;
  padding: 14px 28px;
  font-size: 16px;
  cursor: pointer;
  text-align: center;
}

Thử ngay

Trang liên quan

Giáo trình:Nút CSS