1個のDIVタグでどこまで描けるか試してみました。 box-shadow, :before, :afterを駆使してリラックマを描いてみましたが、box-shadowの影の拡がりの解釈がブラウザによって結構違うようで、まともに描けたのはFirefoxだけでした・・・。 Firefox3.6以上で見てみて下さい。4より3.6の方がより良い感じがします。 html, body, div { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; } body { padding-top: 300px; } div { margin: 0 auto; -moz-border-radius: 50% 50% 30% 30%; -webkit-border-radius: 50%