CSSだけで角丸の枠を作ってみる
最近では、web2.0っちゅう言葉は一般的になってきておりますが、web2.0的なデザインの代表としては、やっぱり、角丸の枠デザインでしょうねぇ。。
わたくしが、デザインする時はたいていphotoshopでさくっと、角丸の画像を描いてしまいますが。。。
CSSだけで簡単に角丸の枠が作れたら、それはそれで、楽ですよねぇ。。。
っちゅうわけで、サンプルのCSSは。。。↓こちら。
↑このCSSをコピーしてCSSファイルに保存してから。。。↓のhtmlを書いてくださいな。
↓サンプルでござる。
こんな感じで、画像をまったく使わずに、
角丸の枠ができますねん。
角丸の枠ができますねん。
え～いい！こんなんじゃ分からんわ～い！っちゅうかたに。。。
Spiffy Corners
今回参考にさせていただいたサイトですわ。こちらでは、色を指定するだけでCSSをhtmlを自動で生成してくれますねん。
|
|
|
12月 20th, 2006 at 7:39 PM
Ｗｅｂ２．０、２００６年は「Ｗｅｂ２．０」サイトが急成長した１年！
２００６年はいわゆる「Ｗｅｂ２．０」サイトが躍進した年だったと振り返るリポートをネット利用動向調査のネットレイティングスが公表しました。詳しくは続きをどうぞ！
12月 21st, 2006 at 4:54 PM
これすごいですね！
一度使ってみたいです。