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

HTMLの背景色

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

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

<!DOCTYPE html>
<html>
  <head>
  </head>
  <body style="background-color:orange;">
    <h1>This is our header.</h1>
    <p>This is our text.</p>
  </body>
 </html>

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

追加のWebカラーシステムの実装

HTMLの背景色

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

各カラーシステムのフォーマット方法の例を以下に示します。

16進コード

<body style="background-color:#fbbd0e;">
</body>

HTMLカラー名

<body style="background-color:orange;">
</body>

RGBカラー値

参加者の81％は、ブートキャンプに参加した後、自分たちの技術的な仕事の見通しについてより自信を持っていると述べました。今日のブートキャンプにマッチしましょう。

平均的なブートキャンプの卒業生は、ブートキャンプの開始から最初の仕事を見つけるまで、キャリアの移行に6か月も費やしませんでした。

<body style="background-color:rgb(251,189,14);">
</body>

RGBAカラー値

<body style="background-color:rgba(251,189,14,0.5);">
</body>

HSLカラー値

<body style="background-color:hsl(44, 96%, 51%);">
</body>

HSLAカラー値

<body style="background-color:hsla(44, 96%, 51%, 0.5);">
</body>

注意点：このメソッドを使用して背景色を設定し、後で外部CSSファイルを作成する場合は、HTMLからstyle属性とbackground-colorプロパティを削除して、一方のスタイルがもう一方のスタイルを上書きしないようにしてください。

>

結論

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


  1. HTML画面のcolorDepthプロパティ

    HTML画面のcolorDepthプロパティは、画像を表示するためのカラーパレットのビット深度を返します（ピクセルあたりのビット数）。 構文 以下は構文です- screen.colorDepth 例 HTML画面のcolorDepthプロパティの例を見てみましょう- <!DOCTYPE html> <html> <style>    body {       color: #000;       height: 100vh;       back

  2. HTMLDOMスタイルの色のプロパティ

    HTML DOM Style colorプロパティは、テキストの色を取得または設定するために使用されます。テキストの色は、16進数、rgb（）、rgba（）、hsl（）、hsla（）で指定するか、既知のキーワードを使用して指定できます。 以下は、-の構文です。 色のプロパティを設定する- object.style.color = "color|initial|inherit" 上記の特性は次のように説明されます- 値 説明 色 テキストの色の値を指定します。 初期 このプロパティを初期値に設定します。 継承 親プロパティ値を継承するには