الأحجام
الدرس 3 من 8 في دورة مشروع CSS - زر أنيق على Coddy.
لنبدأ بتجربة أحجام الزر.
إذا قمت بتغيير width أو height لزر ما، فقد يتسبب ذلك في عدم توسط النص؛ لذا فمن الأفضل التعامل مع الـ padding.
التحدي
سهلالمهام:
- قم بتعيين حجم الخط لنص الزر إلى أي قيمة تريدها، ولكن بشرط أن تكون مختلفة عن الحجم الافتراضي (
14px) - قم بتعيين الحشوة الرأسية (vertical padding) إلى
8pxوالحشوة الأفقية (horizontal padding) إلى16px - قم بتعيين الهامش (margin) من اختيارك
استخدم
styles.cssلتحديد وتنسيق الزر الخاص بك
جرّب بنفسك
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
</body>
</html>