背景に画像を設定する方法　－和柄を利用する－

背景に画像を設定する方法についての覚書です。今日は、市販されている和柄のデザインを使ってみます。

使ったデザインは以下のものです。

和柄パーツ&パターン素材 Vol.2 (CD-ROM付)

posted with amazlet at 11.04.22

成願義夫
ソーテック社
売り上げランキング: 11605

Amazon.co.jp で詳細を見る

WordPress.comに和柄デザインをアップロードし、テーマ「Toolbox」に、WordPress.comから提供されているCSSに加え、さらに、以下のCSSを追加すると、

body {
background:#f0f0f0;
background-image:url('http://asazuki508.files.wordpress.com/2011/04/s_07d-e1303401157971.png');
background-position:right top;
background-repeat:no-repeat;
background-attachment:fixed;
}

#primary {
background-image:url('http://asazuki508.files.wordpress.com/2011/04/bdt_05c-e1303401913196.png');
background-position:730px top;
background-repeat:repeat-y;
}

例えば、デザインが以下のように変更されます。

wagara02