Menu
Coddy logo textTech

サイズ

Coddyの「CSSプロジェクト - おしゃれなボタン」コースのレッスン 3/8。

ボタンのサイズを調整することから始めましょう。

ボタンの widthheight を変更すると、テキストが中央に配置されなくなる可能性があるため、padding を調整するのがより良い方法です。

challenge icon

チャレンジ

簡単

タスク:

  1. ボタンのテキストのフォントサイズを好きな値に設定してください。ただし、デフォルトのサイズ(14px)とは異なる値にしてください。
  2. 上下のパディングを 8px に、左右のパディングを 16px に設定してください。
  3. 好きなマージンを設定してください。

styles.css を使用して、ボタンを選択し、スタイルを適用してください。

自分で試してみよう

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
    </body>
</html>

CSSプロジェクト - おしゃれなボタンのすべてのレッスン