●背景画像(CSS編)

---

○背景画像をつける

タグ

'style type="text/css"''!--body{background-image:url("画像URL")}--''/style'

---

〇背景画像の位置(その１)

タグ

'style type="text/css"''!--body{background-image:url("画像URL");background-repeat:no-repeat;background-position:表示位置指定(top|bottom|left|right|top left|top right|bottom left|bottom right|)}--''/style'

※表示位置

top:上中央/bottom:下中央/left:中段左/right:中段右/top left:左上/top right:右上/bottom left:左下/bottom right:右下

---

〇背景画像の位置(その２)

タグ

'style type="text/css"''!--body{background-image:url("画像URL");background-repeat:no-repeat;background-position:表示位置指定(左からの位置[%] 上からの位置[%])}--''/style'

---

〇背景画像の表示

タグ

'style type="text/css"''!--body{background-image:url("画像URL");background-repeat:no-repeat;background-position:表示位置;background-attachment:fixed|scroll}--''/style'

---

〇背景画像を繰り返す

タグ

'style type="text/css"''!--body{background-image:url("画像URL");background-attachment:scroll|fixed;background-position:表示位置;background-repeat:繰り返し方(repeat-x|repeat-y)}--''/style'

---

--> [戻る]

キーボードの掃除
〜携帯ＨＰタグ講座〜