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

スポンサーリンク

[素材メニューに戻る]

[ 壁紙素材 桃の花 ]

line

〜季節春〜(シンプルな壁紙素材です)
桃の花をシンプルにイメージして壁紙にしてみました。
シンプルな桃のイラストを使って、色合いでいろいろな雰囲気のパターン背景素材です。
花のみを散りばめて模様にした感じの壁紙と
枝に満開の桃の花をイメージして、シンプルな色合と
おひな祭りの金屏風と桃などいろいろな雰囲気の背景素材にしてみました。

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

W100xH100ピクセル 2.0k−2.4k
桃模様 イラスト壁紙 桃の花 イラスト 夜の桃 桃 渋い色
W100xH100ピクセル 1.9k−2.0k
幻想 新緑と桃 イラスト背景 かわいい色合いの桃の花

W100xH100ピクセル 3.0k−3.7k
満開の桃 イラスト壁紙 2 3 4
W100xH100ピクセル 3.2k−3.5k
ひな祭りの金屏風と桃 桃の節句

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

<画像の保存(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]  ローン比較 再就職支援 バレンタイン 無料レンタルサーバー SEO