CSSだけでスマートに角丸を作る方法 | Blog hamashun.comWWW WATCHさんの角丸に関するあれこれを見ていて、そういえばcontentプロパティを使う方法があったなーと思い出したのでエントリします。 この方法を使えば、XHtml側に余計な要素を追加しないで、かつCSSのみで角丸が可能になります。 サンプル ソース div#circle { width:500px; height:auto; margin:0 auto; background:#aaf; } div#circle:before { display:block; content:url(tl.png); line-height:0; background: url(tr.png) no-repeat top right; } div#circle:after { display:block; content:url(bl.png); line-height:0; backgrou
