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)
記事に対してコメントや感想を投稿できます。
どなたでも投稿はお気軽にどうぞ。