كيف - أزرار حبوب منع الحمل
تعرف على كيفية إنشاء أزرار حبوب منع الحمل باستخدام CSS.
كيفية إنشاء زر حبوب منع الحمل
الخطوة 1) أضف HTML:
مثال
<button class="button">Pill Button</button>
الخطوة 2) أضف CSS:
أضف زوايا مستديرة إلى زر مع border-radius
الخاصية:
مثال
.button {
background-color: #ddd;
border: none;
color: black;
padding: 10px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
margin: 4px
2px;
cursor: pointer;
border-radius: 16px;
}
انتقل إلى البرنامج التعليمي الخاص بأزرار CSS لمعرفة المزيد حول كيفية تصميم الأزرار.