JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

CSSでテキストの色を設定する方法【初心者向け】

Webページ上のテキストの色を変更するには、CSSのcolorプロパティを使用します。

基本的な使い方

colorプロパティは、セレクターに対して適用する要素の文字色を指定するためのもので、色名(キーワード)、HEX値(#0000ffなど)、RGB値など、さまざまな形式で色を指定できます。

サンプルコード

以下のコードを実行すると、CSSでcolorプロパティを使用してテキストの色を設定する方法を実際に確認できます。

<html>
    <head>
    </head>
    <body>
        <p style = "color:blue;">
            ANTARTICA is a continent
        </p>
    </body>
</html>

この例では、<p>タグにstyle属性を使ってインラインスタイルとして「color:blue;」を指定しています。その結果、「ANTARTICA is a continent」というテキストは青色で表示されます。

なお、実際の開発ではHTMLファイル内に直接スタイルを書くのではなく、<head>内の