CSS3 面白いですね. 今までは思いつかなかったようなことができるようになっています. その CSS3 を使って,次のような水滴(のようなもの)を CSS だけで作ってみます. なお,動作確認は,chrome, firefox でしか行っていませんので,あしからず. IE での動作は全く保証しません. border-radius を使って円を描く 一般的には角丸を実現するための border-radius ですが,目一杯のサイズを指定すると,円を描画することができます. <p class="circle">円</p> .circle { width: 40px; height: 40px; background: #ccf; border: 1px solid #99f; border-radius: 50%; -moz-border-radius: 50%; -webkit-borde