aなどの要素を二つ繋げたものを一つのドロップシャドウで処理するスタイルシートのテクニックを紹介します。上がborder:1px;の状態、下がbox-shadowで一つにした状態です。Hide」と書いてあります。※このデモではトグルとしての機能は実装されていません。デモページ実装は非常にシンプルです。HTML二つの要素はdivでもpでもaでもブロックとなる要素なら何でも構いません。ポイントは二つの要素を内包するdiv要素を設けることです。class="block_toggle">下のボックス</a></div>CSSまずは、ラッパーにbox-shadow適用し、下のトグルでトグルの箇所のみシャドウを一旦消し、新たにトグル用のbox-shadowを設定します。