ホームページやブログなどを作成する際に使用するWEB素材を無料配布しているサイトです。商用利用可能、加工自由、使用許可不要のフリー素材。
 |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
背景の位置を指定して表示するタグ
スタイルシート CSS
壁紙を使用するページのHTMLの<head> 〜 </head>のタグ内に下記の点線枠内のタグを記入
背景の色
background-color:#******; 背景色のカラーコードを記入。
背景画像の指定
background-image:url(***.gif); 表示させる背景画像へのアドレス
背景の垂直・水平・固定の指定
background-repeat:no-repeat; 壁紙の画像をリピートしない
background-repeat:repeat-y; 縦に壁紙の画像をリピート表示
background-repeat:repeat-x; 横に壁紙の画像をリピート表示
背景画像のスクロール
background-attachment:scroll; スクロールする
background-attachment:fixed; スクロールしない
背景の位置
background-position:right top; 右 上
background-position:right center; 右 中央
background-position:right bottom; 右 下
background-position:left top; 左 上
background-position:left center; 左 中央
background-position:left bottom; 左 下
background-position:center center; 中央