Javascriptのテキストの色の変更

| | | | | | | | | | | | | | | | | | | | | | | | | |

CSSのbackground-colorプロパティは、テキスト要素に色を適用します。組み込みのCSScolorキーワード、16進値、またはその他の色の値をBackgroundColorプロパティで指定できます。このプロパティの構文は次のとおりです。color:yourcolor;

Webサイトのテキストの色と背景の色を調整することは、Webデザインの重要な部分です

。 。は、CSSの色のプロパティと背景色が関係する場所です。 colorプロパティを使用すると、HTMLテキストの色を設定できます。 background-colorプロパティを使用すると、テキストの背景色を定義できます。

このチュートリアルでは、CSSでテキストの色を設定する方法を例を挙げて説明します。次に、テキスト要素の背景色を設定する方法について説明します。

CSSフォントの色

CSSフォントの色は、colorプロパティを使用して設定します。 colorプロパティは、要素の背景ではなく、テキストの色を設定します。 。 CSSの色キーワードまたは色の値を16進文字列として使用して、色を定義できます

colorプロパティの構文は次のとおりです。

このルールは、HTMLドキュメント内のすべての

タグの色を赤に設定します。

CSScolorキーワードを使用しました。これらのキーワードは、「赤」や「青」などの標準色を参照する場合に役立ちます。しかし、これらのキーワードは、スペクトルのすべての色を説明しているわけではありません。特定の色を使用する場合は、別の種類のカラーラベルを使用できます

colorプロパティは、次の値のいずれかを受け入れます。

説明
色の名前色の名前ブルー、ホットピンク
カラー六角16進数の色。識別子は6文字の長さです。 #f7f7f7、#0000ff
RGBカラー RGBは赤、緑、青を表します。 rgb(0、50、28)、rgb(0、0、255)
HSL色 HSL は、色相、彩度、明度を意味します。 HSL(0、50%、50%)、hsl(180、50%、25%)

デフォルトでは、 Webページは、Webページの タグに適用されるテキストの色です。示されているよりも少ない場合は、黒です。

色を使用できます。スタイルシートにリンクの色を設定するプロパティ

colorプロパティがどのように機能するかを示す例を見てみましょう

CSSフォントの色を変更します:..例

地元の食料品店PetersonandSonsのウェブサイトをデザインしています。所有者はサイトに特定のテキストブロックを灰色で表示することを望んでいます。次のコードを使用して構成できます:

コードは次を返します:クリック ボタンの画像

HTMLタグ。PetersonandSons食料品店を説明するテキストの段落を定義します。次に、CSSコードで、すべての

タグのテキストの色を灰色に設定するスタイルを作成します。これを行うには、色の名前に値( "gray")を使用します。

参照する場合は、 "gray"ではなく"rgb(128、128、128)"を指定できます。 RGBカラー値。それ以外の場合は、16進値またはHSL値を使用してテキストの色を灰色に設定できます。

スタイルにCSSファイルを使用していません。 CSSスタイルは、HTMLドキュメントの