ブログ全体の背景の色を決める場合は、cssで「body」タグに対して指定をします。
単色で色を指定したい
背景に色を指定する場合は以下のようになります。
1 | background-color:#★★★★★★（お好みの色番号）; |
「★★★★★★」の部分は、色番号の数字が入ります。
具体的な番号については、下記サイト等を参考にされてください。
↓
http://www.as-net.com/color.html
背景に画像を使いたい
背景画像を指定するタグは以下のようになります。
1 | background-image: url(画像のURL); |
画像を使用する場合は、大きいサイズの画像一枚を貼り付けるのでは、
読み込みに時間が掛かり閲覧者に不満が出たり、
閲覧者のブラウザによって表示がおかしくなったりもします。
ですので、一般的には下記のように
サイズの小さい画像を繰り返して表示させる指定にします。
1 | background-repeat: ★★★★★★; |
「★★★★★★」の部分には、繰り返しの値が入ります。
| repeat | 敷き詰める （初期値） |
| repeat-x | 水平方向に並べる |
| repeat-y | 垂直方向に並べる |
| no-repeat | 1つだけ表示する |
そのほかの背景画像に関する指定は、下記を参照されてください。
- 背景画像の表示位置を指定する
http://www.tagindex.com/stylesheet/page/background_position.html - 背景画像をスクロールさせない
http://www.tagindex.com/stylesheet/page/background_attachment.html
具体的な事例は以下をご覧ください。
Page 1 of 11
