チェックフィールド株式会社

東京 港区 千代田区 中央区 ITの運用管理やコンサルティング・相談・サポートはにお任せください

スタッフぶろぐ

このエントリをはてなブックマークに登録

I初心者にやさしいHTML講座:画像を半透明にしてみよう

今回は画像を半透明にする方法をご紹介します。

画像を半透明にするにはCSSの<opacity>プロパティを使います。

<p>普通のパンダ</p>
<p><img src="panda.jpg" alt="パンダ"  width="280" height="293" /></p>
<p>半透明のパンダ</p>
<p><img src="panda.jpg" alt="パンダ"  width="280" height="293" style="opacity:0.3;" /></p>

出力結果

普通のパンダ

パンダ

半透明のパンダ

パンダ

▼詳細はこちらからもご覧になれます。
http://www.htmq.com/css3/opacity.shtml

背景の色を透かして見せたい場合などに便利です。ぜひ使ってみてください!