ウェブサイトのデザインに便利な素材を配布しています。

壁紙

スタイルシート記述例

「images」ディレクトリ内にある、ファイル名 background.gif の壁紙を縦に繰り返して表示します。

<style type="text/css"> <!-- body { background-image: url("/images/background.gif"); background-repeat: repeat-y; } --> </style>

background-image: url("壁紙のファイル");	壁紙のファイルを指定します。
background-repeat: repeat;	縦横に壁紙を繰り返し表示します。
background-repeat: repeat-y;	縦に繰り返し表示します。
background-repeat: repeat-x;	横に繰り返し表示します。
background-repeat: no-repeat;	壁紙を1度だけ表示し、繰り返しません。

配布素材

ワンポイント

スタイルシート記述例

「images」ディレクトリ内にあるファイル名 onepoint.gif のワンポイント画像を、自動的にリスト表示します。

<style type="text/css"> <!-- ul.list { list-style-type: none; } ul.list li:before { content: url("/images/onepoint.gif"); } --> </style>

list-style-type: none;	ul タグのスタイルを無効にします
content: url("ワンポイント画像ファイル");	li タグの先頭（before）にワンポイント画像を付加します。

body タグ記述例

<ul class="list"> <li>ABC</li> <li>DEF</li> <li>GHI</li> </ul>

表示例

• ABC
• DEF
• GHI

配布素材

• → ダウンロード
• → ダウンロード
• → ダウンロード
• → ダウンロード
• → ダウンロード
• → ダウンロード
• → ダウンロード
• → ダウンロード
• → ダウンロード
• → ダウンロード
• → ダウンロード
• → ダウンロード
• → ダウンロード
• → ダウンロード

ご利用の際の注意事項

• 個人、商用問わず無料にてお使いいただけます。
• 素材をダウンロードされた上でお使いください。
• 弊社サイトにリンクを貼っていただければ幸いです。リンクについての詳細はこちらをご参照ください。