چگونه ایجاد کنیم: دکمه مستطیلی (با عرض کامل)

آموزش نحوه استفاده از CSS برای تنظیم سبک دکمه‌های مستطیلی (با عرض کامل)

چگونه سبک دکمه‌ی مستطیلی را تنظیم کنیم

مرحله اول - اضافه کردن HTML:

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

مرحله دوم - اضافه کردن CSS:

برای ایجاد دکمه‌ی مستطیلی، ۱۰۰٪ عرض را اضافه کرده و آن را به عنصر مستطیلی تبدیل کنید:

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

آزمایش کنید

صفحات مرتبط

تدریس:دکمه CSS