ブログのトップページに背景画像をでっかく貼り付けたい

質問

livedoor blog, Autopage blog などで、CSSで編集して背景画像を大きくトップページに貼り付けたいのですが、どうしたらいいのでしょうか？body の　background あたりに画像のURLを貼り付けるのだろうとは思うのですが、具体的にどうしたらいいのかわかりません。検索サイトで調べましたが、ｘ軸とｙ軸の意味もわかりません。
画像の大きさ（ピクセル×ピクセル）も指定してCCSに書き込まなければいけないのでしょうか？

回答No.1

BLUEPIXY · ベストアンサー

ライブドアブログの場合、
ブログのカスタマイズで表示されるのがＣＳＳですが
それの
body{
color:#000;
background:#fff;
margin:0;
}
みたいなbodyに関する設定の所で
画像の指定
background-image:url(image.jpg);
繰りかえしの指定
background-repeat:no-repeat;
repeat:全体に敷き詰める
repeat-x:横方向に敷き詰める
repeat-y:縦方向に敷き詰める
no-repeat:繰り返さずに１つだけ表示
画像の位置の指定
background-position:center center;
横位置 縦位置で指定
left:左
right:右
center:中央
top:上
bottom:下
％やpxで指定することもできます。
１つしか指定しなかった場合は、縦位置は省略されたことになり、縦位置はcenterになります。
画像の固定の指定
background-attachment:fixed;
fixed:固定する（スクロールしても位置が変わらない）
scroll:他の内容と一緒にスクロールする
などの指定ができます。
まとめて指定することもできます。
例では既にbackgroudの指定があるので、それを使うと
body{
color:#000;
background:#fff url(image.jpg) center no-repeat;
margin:0;
}
の様になります。
#fffは背景色(background-color)の指定です。
画像の大きさは、指定することはできません。（あらかじめ自分で拡大縮小しておく必要があります。）
ｘ軸（横位置）ｙ軸（縦位置）になります。
細部の位置を指定する必要がなければ、
centerなどの用語で指定することができます。
また、
30% 50%
のようなウインドウサイズによっても指定できます。
数値によっても指定できますが、実際の思う位置になかなかこないかもしれませんので、そういう場合は試行錯誤するしかありません。

お礼

おかげさまで完璧に理解できました。
本当に感謝しています。
今後もよろしくお願いします。