忍者ブログ
忍者ブログのテンプレートを作成中
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

variation-01.jpg [プレビュー]
ブルーがポイント・カラーのシンプルなテンプレートです。
色変え、素材変更など、カスタマイズはご自由にどうぞ。

拍手

PR
simple02 [プレビュー]
シンプルなテンプレートです。
画像投稿がメインのブログ向き。
カスタマイズは自由にどうぞ。

[ソースのダウンロード]

拍手

背景画像に関するタグ。

■背景画像の指定
background-image:url(画像アドレス);

■背景画像の繰り返しをするかしないかの指定
繰り返さない(一枚絵を置く場合など)
background-repeat:no-repeat;
繰り替えす(壁紙画像などを敷き詰める場合など)
background-repeat:repeat;

■背景画像の位置の指定
 =横位置(左端からの距離)、=縦位置(上からの距離)
background-position: ;

【例1】キーワード指定
left(左)、center(中央)、 right(右)、top(上)、bottom(下)
background-position:left center; /*左端・中央*/
background-position:right top; /*右端・上*/
【例2】%指定
background-position:0% 100%; /*左端・下*/
background-position:50% 50%; /*中央*/
background-position:20% 80%; /*左端から20%・上から80%*/

■背景画像の固定・移動の指定
背景画像を固定
background-attachment:fixed;
背景画像をスクロールに合わせて移動(デフォルト)
background-attachment:scroll;



記述例
body {
background-image:url(画像アドレス);
background-repeat:no-repeat;
background-position:left top;
background-attachment:fixed;
}

拍手

Calendar
02 2024/03 04
S M T W T F S
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
Latest Entries
Profile
HN:
emile
性別:
女性
リンク用バナー:
banner.gif banner.png

Search
QRCode

Template By Emile*Emilie / Material by Auto-Alice
忍者ブログ [PR]