box-shadow

こないだのtableの角を丸める記事(記事はここ)に続いて、今度は影。 影もねぇ...画像でがんばってたもんだったなぁ...。 htmlページはこんな感じ。 &lt;!doctype html&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&gt; &lt;style type="text/css"&gt; div { background-color:white; box-shadow:3px 3px 3px 3px rgba(0,0,0,0.3); /* 影の大きさと色を設定する */ margin:10px; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;div&gt;box-shadow:3px 3px 3px 3px rgba(0,0,0,0.3)&lt;/div&gt; &lt;/body&gt; &lt;/html&gt; やるこた、こんだけ。 cssで影をつけたいタグ、クラス、ID（今回は&lt;div&gt;タグ）のスタイルにbox-shadowのプロパティと値(影の大きさと色)を書く で、Firefoxで確認してみたらこんな感じ。 ま、メモってことで。

html5 & css3メモ divタグに影をつけてみる