ブログ背景のCSS編集 | 素材集 TWINKLE

ブログ背景のCSS編集

テンプレートごとに違いはありますがブログの背景は

CSSの記述の中の

/* ----------------------- background-color-control ----------------------- */

 

/* ----------------------- menu_element_basis ----------------------- */

で、はさまれた部分を変更します。

 

メニューや、タイトル部分など、いくつかのブロックにわかれていますが

その中でブログの背景部分は、最初の

body {

}
というところになります。

body {」がデザインのはじまりのタグで「}」は、終了を表します。

{}ではさまれた部分になにも書かれていなければ、そこにタグを記述します。

何か書かれていれば、一度{}の間を削除してください。

そこに、

background-image: url("画像のURL");

background-repeat: repeat;

と、入れてください。↓のようになります。

 

body {

background-image: url("画像のURL");

background-repeat: repeat;

}

background-image: url("画像のURL"); は、使う画像を指定します。

素材屋さんなどで、背景に使いたい画像をダウンロードして

一度自分の画像フォルダにアップロードします。

background-repeat: repeat は、画像の張り方を指定しています。

repeatと指定しているので、タイル張りに画像が表示されます。

 

設定が終わったら、必ずプレビューで確認してみましょう。

変になってしまったら、一度元の設定に戻してください。