CSSで背景の設定

背景の設定もルール定義ダイアログで行う事ができます。今回はbodyタグについて背景を設定してみましたが、他のタグ、ID、クラスに対してもセレクタを変えるだけで同じように設定する事ができます。

背景を設定する方法

①画面右中段CSSスタイルパネルで「新規CSSルール」をクリック
②「新規CSSルールダイアログ」で「セレクタータイプ」をタグ、「セレクタ名」をbody、ルール定義を新規スタイルシートファイルにし(既存のスタイルシートファイルに追加したい時は既存のファイルを指定)、「OK」ボタンを押す
③「スタイルシートファイルの別名で保存」ダイアログでCSSファイルに新しく名前を付けて作成・保存する。
④カテゴリ「背景」で背景色を「Background-color」、背景画像を「Background-image」で指定します。
⑤設定が終わったらOKを押します。

背景画像の繰り返し

Background-repeatプロパティで横方向や縦方向に画像の背景イメージを繰り返す事ができます。グラデーションイメージを繰り返して美しい背景を作る事ができます。

背景はバックグラウンド

背景はページの印象に大きな影響を与えます。ここを調整する事によってサイトにかなり個性が出てきます。柔らかいイメージにするのも、黒い印象を与えるのも背景のなす技です。しかし無難な印象を与えたい時は白や淡い色が良いでしょう。眼に優しいというのもありますし。

広告

関連コンテンツ