送信ボタン
Coddyの「ログインフォーム - HTML/CSSプロジェクト」コースのレッスン 6/7。
inputと同様に、ボタンにはデフォルトのボーダー(枠線)があります。これを上書きするか、削除するのが良いプラクティスです。
#button {
border: none;
}チャレンジ
簡単フォームのボタンを以下のスタイルで装飾してください:
- 異なる背景色
- 異なるパディング
cursor: pointer;
オプションのスタイリングの提案:
- border
- width
- margin
- color
- border-radius
自分で試してみよう
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
</body>
</html>