CSS3 のドロップシャドウと角丸でつまづきそうなところ - 走り出したwebクリエイターblogCSS3はとても便利なプロパティが満載ですが、まだまだ使い慣れていないため、へんなところでつまづいてしまいます。実際に作っていてドロップシャドウと角丸でハマってしまったところをメモ。 CSS3のドロップシャドウ -moz-box-shadow:0 0 3px #cccccc; -webkit-box-shadow:0 0 3px #cccccc; プロパティの内容は以下の通りです。 box-shadow: [横方向のオフセット] [縦方向のオフセット] [ぼかしの半径] [影の色] 上の例では3pxのシャドウ（#cccccc）がグローエフェクトのようにボックスの周りを囲みます。このときボックスレイアウトは左右に3px広がったと解釈されるようです。 つまりシャドウを指定しているボックスが300pxで指定されていれば306pxでレンダリングされるようです。センタリングされているコンテンツエリア
