Javascriptの背景色

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

CSSは、経験豊富な開発者にとってさえ、威圧的になる可能性があります-非常に多くのオプションがあります!ただし、この記事では、個別のカスケードスタイルシートを作成せずにHTMLドキュメントの背景色を変更する方法を説明します。

HTML5を使用する場合、style属性を使用して背景色を追加できます。および「background-color」プロパティ。この属性は、好みの要素に実装できます。ただし、ページ全体の背景色を設定するには、style属性をbodyタグに含める必要があります。 HTMLコードは次のようになります。

このコードは、オレンジ色の背景を持つHTMLページを提供します。

追加のWebカラースキームを実装する

Ricardo Gomez Angelo PRZVCSTqje4 Unsplash  Ricardo Gomez Angelo PRZVCSTqje4 Unsplash
さまざまなカラーシステムを使用して背景色を変更できます

HTMLで色を選択する場合、属性スタイルは16進コード、HTMLカラーを受け入れます名前、RGB(A)カラー値、およびHSLカラー値。RGBカラーおよびHSLカラーの場合、カラーシステムを背景色宣言に含める必要があります。

以下にいくつかのフォーマットを示します。各カラーシステムの例:

16進コード

HTMLカラー名

RGBカラー値、Äã‚Äã

RGBAカラー値、Äã‚Äã

HSLカラー値、Äã‚Äã

HSLAカラー値pre>

確認すべき点が1つあります。この方法を使用して背景色を設定しているが、後で外部CSSファイルを作成する場合は、必ずスタイルを削除してください。 HTMLの属性と背景色のプロパティを使用して、あらゆる種類の上書きを防止します。`other /p>

結論

この記事では、HTMLで背景色を変更する方法について説明しました。 HTMLを初めて使用する場合は、こちらのガイドをご覧ください: HTMLを学ぶ:ハイパーテキストマークアップ言語を学ぶためのガイドまたは記事を読むhtmlを学ぶのにどれくらい時間がかかりますか?