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

スポンサーリンク

[素材メニューに戻る]

[ 壁紙素材 桜の花 ]

line

〜季節春(和風)〜(シンプルな壁紙素材です)
春の人気の花 桜をイメージして壁紙にしてみました。
桜の花を小さめにして全体に散らして和紙のような和風にした壁紙と
小さめの桜の花模様でかわいらしく色合いは着物生地のような少し落ち着いた感じの壁紙です。

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

W100xH100ピクセル 1.3k
小さな桜 イラスト壁紙 2

小桜模様 イラスト壁紙 2a 3a 4a

W100xH100ピクセル 2.5k−3.0k
和風の桜模様 イラスト壁紙 2b 3b
4b 5b 6b

季節 春の背景素材は 春の花カーネーションチューリップなどもあります。

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

<パターン画像の使い方>
背景にパターン画像を敷き詰めて背景画像に利用できます。
1.背景に使うパターン画像を用意します。
2.HTMLに表示させるタグを入力します。
入力するタグの一例(スタイルシートCSS)

HTMLタグ
<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] 爆速!無料ブログ 無料ホームページ開設 無料ライブ放送