ບວກວິກາການສ້າງ: ບັນນາທິດວົງກວ້າງ (ວົງກວ້າງ)

ບວກວິກາການນຳໃຊ້ CSS ຈັດວິກາມບັນນາທິດວົງກວ້າງ (ວົງກວ້າງ)

ບວກວິກາການການຈັດວິກາມບັນນາທິດວົງກວ້າງ:

ກໍານົດບາງສະຖານະທີ່ທີໜຶ່ງ - ກະຕຸ້ນ HTML:

<button type="button" class="block">Block Button</button>

ກໍານົດບາງສະຖານະທີ່ທີສອງ - ກະຕຸ້ນ CSS:

ເພື່ອສ້າງບັນນາທິດວົງກວ້າງ ກະຕຸ້ນຄວາມສົງໄສ 100% ແລະສ້າງເປັນຫຼັກສະຖານທີ່:

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

亲自试一试

相关页面

教程：CSS 按钮