PLAYNOTE 画像なしで角を丸くするCSSテク: Nifty Corners

2005年03月17日

画像なしで角を丸くするCSSテク: Nifty Corners

[ネット・PC] 2005/03/17 12:45

普通は「画像 + DIV要素を入れ子 or TABLE」で無理矢理実現させる角が丸いボックス要素を、一切画像を使わずにCSSだけで実現する手法が紹介されててちょっと感動したので実験。その名も Nifty Corners

このテクを使うと、このように、角が丸く表示されます。画像は一切使っていません。

タグ打ちが死ぬほど複雑&面倒臭いが、同ページで紹介されているJavaScriptを使えば、適用する対象のブロック要素の名前と背景色・前面色を指定するだけでタグを自動生成してくれる。これは便利かも。

中身のないインライン要素<b>を大量に使っていてW3C的にアウトだからこのサイトでは多分使わないけど、どっかで使えるかもだから覚えておこう。

上記サイトで紹介されている丸角サンプル

コメント

投稿者:samsung 1080p hdtv (2011年09月28日 01:10)

記事に対してコメントや感想を投稿できます。
どなたでも投稿はお気軽にどうぞ。