如何创建：全宽（块级）按钮

学习如何使用 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