ウェブページを作ってみよう

    色をつける

    色をつける

    文字の色を変えてみます。

    スタイルを指定する方法はいくつかありますが、シンプルな方法でやってみます。

    まず、headタグ内に、styleタグを作ります。その中にスタイルを書いていきます。

     

    pタグの文字を「赤色」にします!

    <!DOCTYPE html>
    <html lang="ja">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>タイトル</title>
        <style>
            p {
                color: red;
            }
        </style>
    </head>
    
    <body>
        <p>こんにちは</p>
    </body>
    </html>

     

    ブラウザ

    こんにちは

     

    よく使うスタイルについては次のページで紹介します!