ウェブマーケティング ブログウェブサイト制作

cssを使って背景画像を指定

cssを使って背景画像を指定 cssを使って背景画像を指定をブックマーク

CSSを使って背景画像を指定する方法を紹介します。これまでは白地だったのですが、シンプル過ぎると思い、自己満足ですが斜線の透過GIF画像を使いながら色をつけてみました。

 

CSS(スタイルシート)を使えば、簡単に背景に色を設定したり、画像を読出したりできます。今回は背景にbackground-colorで色をつけ、その上にbackground-imageを使って透過の斜線GIF画像を乗せる方法です。background-colorの色を変えるだけで、雰囲気を変えることができる便利な方法です。

透過画像gif

線以外の透過させた部分に、background-colorで指定した色が表示されます。反対に、線の部分を透過にし、線以外の部分を白に設定すると、白地にbackground-colorの色のストライプが入るようにすることもできます!

CSSの設定

body {
    background-color: #背景色;
    background-image:url(透過画像のURL);
}

背景画像に使える透過 GIFで斜線や市松模様の透過GIFを配布されています。

 
 
 
にほんブログ村 IT技術ブログ SEO・SEMへ
トラックバック(0)

トラックバックURL:

コメントする