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

スポンサーリンク

[素材メニューに戻る]

[ 壁紙素材 菜の花 ]

line

〜季節春〜(シンプルな壁紙素材です)
春のお花の菜の花をシンプルにイメージして壁紙にしてみました。
花畑の一面に広がる菜の花を模様にした壁紙です。
菜の花のイラストは小さくしてたくさん並べたので菜の花とはわかりにくいかもです。
黄色に咲いた広大な菜の花畑をイメージしたパターン背景素材です。

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

W100xH100ピクセル 4.9k−5.9k
菜の花畑 イラスト壁紙 菜の花模様 3
W100xH100ピクセル 5.8k−5.9k
4 5 6

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

<画像の保存(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