jsdo.itで公開しているコードの100番目という事で、ちょっと凝ったものを作ろうと思ったのがきっかけです。 完全にHTML+CSSだけで地獄のミサワ風の絵図を描いてみました。 コードはjsdo.itのサイトで公開してあります。よろしければご覧ください。(実物の実行サンプルもこちらです。) CSS3のミサワ ポイント 以下のCSS3の指定がポイントです。 border-radius transform :before, :after 曲線を描く まずは線の書き方を見てゆきましょう。線は全て、何の変哲もないborderを使って描いています。
![CSS3のミサワのつくりかた。 | Ginpen.com](https://cdn-ak-scissors.b.st-hatena.com/image/square/de4af7f62b39439905833504e59ba1e153be6d8b/height=288;version=1;width=512/https%3A%2F%2Fginpen.com%2Fwp-content%2Fthemes%2Fginpen-theme%2Fimg%2Ficon-512.png)