週末はレストランやコンビニのお菓子のことを書いています。この広告は、90日以上更新していないブログに表示しています。ボックス要素に影をつけるCSS3今回は、CSS3の「box-shadow」について書きます。box-shadowを使うと、ボックス要素に影をつける事ができます。基本的な使い方は、こんな感じです。垂直方向の長さ;*/1番目の「20px」は、水平方向の長さで、2番目の「30px」は垂直方向の長さです。実際のプログラムで使うと、こうなります。id="maru"></div></body></html>実行結果さらに、影に「ぼかし」をつけることもできます。「ぼかし」をつけるには3番目に数値を指定します。10px;影の色も指定することができます。このように指定します。rgba(51,51,51,0.6);こういう書き方も大丈夫です。rgba(51,51,51,0.6);3番目の「ぼかし」を削除しています。影全体の幅も調節できます。rgba(51,51,51,0.6);4番目に指定すると、影全体の幅を調節できます。影は複数つけることができます。red;「,」で区切ると、複数つけることができます。Linkプロフィールid:gupuruプログラミング関連の事を色々書いています(^^)週末はレストランやコンビニのお菓子のことを書いています。