انتقل إلى محتوى الدرس

CSS rounded buttons أزرار دائرية في لغة CSS

سوف تتعلم في هذا الدرس طريقة صنع أزرار بلغة CSS حديثة وبأكثر من حجم وبأكثر من شكل وسوف تتعلم طريقه عمل تأثير مع تمرير زر mouse.

1 صفوف تعليمية
لغة CSS
19,719 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي
إضافة خاصية border-radius للكلاس الرئيسي btn لتكون جميع الأزرار بحواف دائرية في لغة CSS.

CSS rounded buttons

HTML
.btn
{
  border: none;
  color: white;
  padding: 15px 30px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
  margin:5px;
  border-radius:5px;
}