วิธีการสร้าง: ปุ่มเต็มกว้าง (ระดับบล็อค)

เรียนรู้วิธีการใช้ CSS ตั้งรูปแบบปุ่มระดับบล็อค (เต็มกว้าง)

วิธีการตั้งรูปแบบปุ่มระดับบล็อค

ขั้นที่ 1 - เพิ่ม HTML:

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

ขั้นที่ 2 - เพิ่ม CSS:

เพื่อสร้างปุ่มระดับบล็อค ให้เพิ่มความกว้าง 100% และทำให้เป็นองค์ประกอบระดับบล็อค:

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

ลองทดลองด้วยตัวเอง

หน้าที่เกี่ยวข้อง

วิธีนำทาง:ปุ่ม CSS