Input & Label
Coddyの「ログインフォーム - HTML/CSSプロジェクト」コースのレッスン 5/7。
デフォルトでは、<input> タグには background-color、border、outline が適用されます。
これらすべてを削除するには、次のように記述します。
input {
background-color: transparent;
border: none;
outline: none;
}チャレンジ
簡単username と password の入力フィールドおよびラベルのスタイルを設定し、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>