デザインフレームをCSSで作る方法『CSS Boxes with Outside Frame (Rounded or Not)』

デザイン性のあるフレームをCSSで作りたい。

そんなあなたにおすすめなのが、『CSS Boxes with Outside Frame (Rounded or Not)』。デザインフレームをCSSで作る方法だ。

このエントリーでは、HTML、およびCSSのソースコードが公開されている。どんな風にマークアップしていくか、も順序立てて説明してくれている、

divが多くなるが、画像の分け方、repeatの仕方は綺麗だと思う。

完成形は、下部の「So this would be the final markup.」の部分。HTMLとCSSをまとめてマークアップしている。

オリジナルなデザインフレーム、これを参考に作ってみたいですね。