كيف - عرض كامل (كتلة) أزرار
تعرف على كيفية تصميم أزرار حظر النمط (كاملة العرض) باستخدام 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 لمعرفة المزيد حول كيفية تصميم الأزرار.