Free Collection of 3D Material 無料3D素材
螺旋アニメ  螺旋アニメーション活用事例です。
come back to a top page
スタイルシートを利用した背景設定方法
<STYLE type="text/css">
<!--

BODY { background: #666666 url(rasen02bopt.gif) repeat-y fixed left; }

-->
</STYLE>
スタイルシートの設定

この画面のように左隅にスクロールさせたい場合、スタイルシートを利用します。
上部のプログラムをhtmlソースに貼り付けます。

BODYタグの設定方法
background-repeat
backgroundで背景色を設定。urlでは配置する画像を設定します。
repeat-y
repeat-yとは、縦方向に並べるという命令文です。
横方向に並べるなら   repeat-x
1つだけ表示するなら  no-repeat
全体に敷き詰めるなら repeat  ですが、これは省略可能です。

fixed はスクロールさせない命令文です。
入れなければスクロールします。

left は表示位置を指定する命令文です。
右なら right
上なら top(repeat-x設定時です)
下なら bottom(repeat-x設定時です)
中央なら centerと入れます。タテヨコ共通です。


配置位置
htmlソースを開き、
<TITLE>タグの下あたりに貼り付けます。


ADS-3Dデータのダウンロードと建築情報TOPへ
Free Collection of 3D Material-無料3D素材と背景&テクスチャへ 
土木施工管理技士の実力診断-試験問題に挑戦へ

建築施工管理技士の実力診断-試験問題に挑戦へ
管工事施工管理技士の実力診断-試験問題に挑戦へ
造園施工管理技士の実力診断-試験問題に挑戦へ
建築士の実力診断-試験問題に挑戦へ 建築設備士の実力診断-試験問題に挑戦へ
福祉住環境コーディネーターの実力診断-試験問題に挑戦へ
消防設備士・危険物取扱者の実力診断-試験問題に挑戦へ