ホームページ背景画像の設定は、background-imageを利用した6種類あります。
背景sample.gif
全体
body {background-image:url(../images/sample.gif); background-repeat:repeat }
水平
body {background-image:url(../images/sample.gif); background-repeat:repeat-x }
垂直
body {background-image:url(../images/sample.gif); background-repeat:repeat-y }
1箇所
body {background-image:url(../images/sample.gif); background-repeat:no-repeat }
1箇所 左下
body {background-image:url(../images/sample.gif); background-repeat:no-repeat; background-position:left bottom }
1箇所 右下
body {background-image:url(../images/sample.gif); background-repeat:no-repeat; background-position:right bottom }
注意: url(../images/sample.gif)の( )の中は、スタイルシートの場所から画像の場所を記載します。
背景画像が必要な方は、無料素材/ hp作成・素材で提供サイトを紹介しています。
背景画像の設定、background-image。パソコン付属のテキストエディタを利用した、初心者向け無料ホームページ作成方法の解説。無料hp作成の参考に!
Access Ranking!