عناصر Input و Label
الدرس 5 من 7 في دورة نموذج تسجيل دخول - مشروع HTML/CSS على Coddy.
بشكل افتراضي، يحصل وسم <input> على background-color و border و outline.
لإزالة كل شيء يمكننا استخدام،
input {
background-color: transparent;
border: none;
outline: none;
}
التحدي
سهلقم بتنسيق حقول إدخال اسم المستخدم وكلمة المرور والتسمية (label)، وقم بإزالة الـ outline وتغيير الـ border الافتراضي إلى شيء آخر.
تنسيق مقترح (اختياري)،
label:
- font-size
- color
- margin
input:
- background-color
- border-radius
- font-size
- color
- padding
جرّب بنفسك
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
</body>
</html>