CSSで背景の設定

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

背景を設定する方法

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

背景画像の繰り返し

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

背景はバックグラウンド

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

広告