サイズ
Coddyの「CSSプロジェクト - おしゃれなボタン」コースのレッスン 3/8。
ボタンのサイズを調整することから始めましょう。
ボタンの width や height を変更すると、テキストが中央に配置されなくなる可能性があるため、padding を調整するのがより良い方法です。
チャレンジ
簡単タスク:
- ボタンのテキストのフォントサイズを好きな値に設定してください。ただし、デフォルトのサイズ(
14px)とは異なる値にしてください。 - 上下のパディングを
8pxに、左右のパディングを16pxに設定してください。 - 好きなマージンを設定してください。
styles.cssを使用して、ボタンを選択し、スタイルを適用してください。
自分で試してみよう
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
</body>
</html>