枠の背景に画像をはる
囲ってある部分を他の部分と見分けるために…というよりはデザイン的に面白いから…ということで、画像を背景に敷く事が出来ます。
<div>divタグの周りに線</div>
div{
background-image: url(●●.gif);
background-repeat: repeat-y;
background-attachment: fixed;
background-position: center center;
}
ここに背景の画像を、
Y軸リピート、
スクロールなし
でおいてあります。
Y軸リピート、
スクロールなし
でおいてあります。
「background-image」
※背景のURLを設定します。
「background-repeat」
※画像の繰り返しを設定します。
※「repeat-x（横方向のみ）」「repeat-y（縦方向のみ）」「no-repeat（ひとつだけ表示）」
「background-attachment」
※ウィンドウのスクロールを動かした時の背景の動きを設定します。
※「scroll（規定値：一緒にスクロールする）」「fixed（スクロールしない）」
「background-position」
※背景の位置を設定します（background-attachmentがfixedの時のみ）。
「left（左端）」「center（中央）」「right（右端）」「top（上端）」「center（中央）」「bottom（下端）」
Web Designing（ウェブデザイニング）
WEB FLASH（ウェブフラッシュ）
WEB FLASH（ウェブフラッシュ）
Web Site expert(ウェブサイトエキスパート)
ＭｄＮ（エムディーエヌ）
Web Creators（ウェブクリエイター）