الحدود والزوايا المنحنية
الدرس 5 من 8 في دورة مشروع CSS - زر أنيق على Coddy.
يأتي عنصر button في HTML بحدود افتراضية، فلنقم بتخصيصها!
لجعل الحدود مستديرة، استخدم خاصية border-radius (استخدم نفس القيم كما في padding أو margin)، على سبيل المثال،
#rounded {
border-radius: 8px;
}لإزالة الحدود تماماً، يمكنك تجاوزها باستخدام،
#no-border {
border: none;
}نصيحة: إذا قمت بضبط
border-radiusعلى قيمة كبيرة، فسيأخذ شكلاً دائرياً!
التحدي
سهلالمهام:
- قم بتغيير border radius إلى قيمة أكبر من 0
- قم بتغيير border إلى شيء مختلف عن الافتراضي
جرّب بنفسك
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
</body>
</html>