كيفية إنشاء: زر مستوى الكتلة (العرض الكامل)

تعلم كيفية استخدام CSS لضبط نمط زر مستوى الكتلة (العرض الكامل)

كيفية ضبط نمط زر مستوى الكتلة

الخطوة الأولى - إضافة HTML:

<button type="button" class="block">زر مستوى الكتلة</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