DIV に入れて、ドロップシャドウ( inline-block で、縦のスペースを取り去る方法 ) : WEB 職人
DIV を普通に使って中にコンテンツを入れると、DIV の横幅は中身の幅に同期しないので、inline-block を指定しました。そのおかげで横幅はぴったりになりましたが、縦の高さが何故か 2px 大きくなるので、line-height: 0px; を指定してみると、見事に綺麗に収まりました。 デモ ただ、<!DOCTYPE html> で、HTML5 指定している場合に起きるのでこのブログでは必要ありません。 <style> .shadow_bug { display:inline-block; box-shadow: 10px 10px 20px #000; } .shadow_div { display:inline-block; box-shadow: 10px 10px 20px #000; line-height: 0px; } </style> <div class="sh
どや！？css3のドロップシャドウ（box-shadow）に関する情報を掻き集めた | デザインどや！？
CSS3を使えば画像を使わずにドロップシャドウを表現する事が出来ます。 今更ですが、情報を集めたので記事にします。 ドロップシャドウを表現する 今まで画像でドロップシャドウを表現していた部分を box-shadow を使用する事で簡単にドロップシャドウを表現出来てしまうプロパティです。 CSS3 はまだ仕様が確定しているわけではないので、最近のモダンブラウザは独自実装という形で実装しています。そのため、Firefox なら -moz- の、Safari や Google Chrome なら -webkit- のプレフィクスを用いて指定します。 <div class="demo"> ドロップシャドウを表現する </div> .demo{ -moz-box-shadow: 5px 5px 10px #aaaaaa; /* firefox */ -webkit-box-shadow: 5px 5
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQuery でドロップシャドウ [Javascript] All About![jQuery でドロップシャドウ [Javascript] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
PHPのオブジェクト指向入門 | オブジェクト指向PHP.NET
