Webサイトの背景として2色を使用する方法

カスタマイズしていないWebページの背景色は白です。 HTML Webプログラミング言語を使用すると、背景色を変更したり、背景画像を追加したりできます。 画像を使用して、複数の色を特徴とする背景を表示できます。 ビジネスロゴの色など、必要な2色を表示する既存の画像を使用するか、グラフィックエディタを使用して1色を作成します。 細い水平方向の画像を繰り返し使用して、Webページの2色の背景を作成できます。 変更をサイト全体に適用するには、Cascading Style Sheetsを使用します。

1。

HTMLまたはテキストエディタを開いて、CSSの背景スタイルを保持する外部スタイルシートを作成します。

2。

bodyタグに背景のスタイル定義を入力します。 スタイル定義は "tag {}"の形式をとるので、bodyタグの定義は "body {}"になります。 CSSには、スタイルを定義するためのさまざまなパラメータがあります。 "background-image"プロパティを使うと、背景の画像を指定できます。 「url」パラメータに画像へのリンクを含めます。 たとえば、コードは次のようになります。

body {background-image：url（images / 2colors.jpg）; }

3。

「background-repeat」プロパティを使用して、背景に垂直方向の繰り返し（ "repeat-y"）または水平方向の "repeat-x"を指定する値を入力します。 このプロパティを使用すると、画像を繰り返す方法をカスタマイズするためのパラメータを設定できます。 ボディスタイルはこれに似ています：

body {background-image：url（images / 2colors.jpg）; バックグラウンドリピート：リピートy。 }

4。

拡張子「.css」を使用してファイルを保存します（例：pagestyles.css）。

5。

背景スタイルを適用するWebページを開きます。 外部文書へのリンクは、Webページの「」タグセット内に設定されています。 “”タグを見つけて、その上に次のテキストを挿入してスタイルシートにアクセスできるようにします。

6。

画像の背景を使用するWebサイトの各ページでリンクコーディングを繰り返します。 ページをWebブラウザにロードして、変更結果をテストします。