Menu
Coddy logo textTech

送信ボタン

Coddyの「ログインフォーム - HTML/CSSプロジェクト」コースのレッスン 6/7。

inputと同様に、ボタンにはデフォルトのボーダー(枠線)があります。これを上書きするか、削除するのが良いプラクティスです。

#button {
	border: none;
}
challenge icon

チャレンジ

簡単

フォームのボタンを以下のスタイルで装飾してください:

  • 異なる背景色
  • 異なるパディング
  • 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>

ログインフォーム - HTML/CSSプロジェクトのすべてのレッスン