ホームページ用の壁紙として出来るだけシンプルなイラストで模様にした背景素材にしてます。
小さなサイズの素材をタグの指定で並べて壁紙のように利用するイラストのパターン素材なので
データ容量も少なく利用しやすいと思います。

スポンサーリンク

[素材メニューに戻る]

[　壁紙素材　シンプル　]

line

〜星〜（シンプルな壁紙素材です）
いろいろな星をイメージした壁紙です。
シンプルな小さな星や横に並べたラインの星や斜めの星です。

素材をクリックすると背景がかわります。
白色<<ココをクリックすると元の白背景に戻ります。

Ｗ２０ｘＨ２０ピクセル　０.１４ｋ
シンプルな星 2 3 4 5 6 7 8
Ｗ５０ｘＨ５０ピクセル　０.３５ｋ
9 10 11 12 13 14 15 16
Ｗ１５ｘＨ２４ピクセル　０.２ｋ
17 18 19 20 21 22 23
24 25 26 27 28 29 30
Ｗ４０ｘＨ４０ピクセル　０.３ｋ
31 32 33 34 35
36 37 38 39 40
Ｗ５０ｘＨ５０ピクセル　０.６５ｋ
41 42 43 44 45 46

シンプル背景素材は チェックやボックスやハートやラインや ドットや和風などもあります。

 ＜画像の保存（Ｗｉｎ）＞
１．保存したい素材画像の上でマウスを右クリックします。
２．ダイアログが出てくるので「名前をつけて画像を保存(S)」をクリックします。
３．画像保存設定のウィンドウが出てくるので
　a.画像の保存場所を決めます。b.ファイル名をそのままか又は変更します。c.ファイルの種類は変更しないでください。
（a.b.c)設定した後に保存ボタンを押すと画像の保存完了です。

＜パターン画像の使い方＞
背景にパターン画像を敷き詰めて背景画像に利用できます。
１．背景に使うパターン画像を用意します。
２．ＨＴＭＬに表示させるタグを入力します。
入力するタグの一例（スタイルシートＣＳＳ）

ＨＴＭＬタグ
<html>
<head>
<title>ホームページタイトル</title>
<style type="text/css">
body {
background-image: url（画像の保存場所）;
background-repeat: repeat;
}
</style>
</head>
<body>

</body>
</html>
 左のタグの赤字部分がスタイル
シートの背景画像指定タグです

[background-repeat: repeat;]　の
repeat　　が全画面に敷き詰めで
repeat-x　は水平に並べる
repeat-y　は垂直に並べる
指定になります

上記とは別に
[background-position: top;]を追加
すると位置を指定できます
topの部分をcenterとbottomとleftと
rightに変更可能です

当サイトの配布画像は背景に敷き詰めたときにできるだけ違和感のない連続性を
意識して制作しています。欲しい素材が見つかり利用して頂けたら幸いです。


SEO [PR] 爆速!無料ブログ 無料ホームページ開設 無料ライブ放送