« YSTでスパム疑惑・・・ | ブログ トップ | フォームの事をもっと考えよう »
角丸見出しをCSSで
角丸をCSSで実現する方法を紹介しているサイトはいくつかあります。
その代表的なのがNifty Corners。
だけど空タグがあったりするから却下。
ここも空タグ入ってるから却下。
しかもこれらのサイトはボーダーがつけられない。
自分がやりたいのは、というかやらなくてはいけないのは、ボーダーがあってグラデをしていて、なおかつ縦横可変できる見出し。
この縦横可変ってのがクセモノで、4つのコーナーをちゃんと割り当てないと可変にはなってくれないんです。。。
しかもボーダーつけなきゃいけないし。。。
考え抜いたあげく、できたのが下のリンクになっています。
空タグは無くなったけど、ちょっと微妙です。
四隅にイメージをもってこなきゃいけないので、divが入れ子すぎる。
主要ブラウザはほぼOKで、IE5.0だけちょっと崩れます。でも可読性が失われることはないのでOKということで。
あとdivの入れ子はどこでも使うのでこれも見逃してもらうとして、、、
でももうちょっと考えなくては、、、
»角丸で見出し（縦横可変、ボーダー、グラデあり）
トラックバック
このエントリーのトラックバックURL:
http://blog.ikesai.com/cgi-bin/mt-tb.cgi/106
コメント (2)
ふむぅ！
ここの書き込みはいつも参考になります（と言っても参考にするほど物を作ってないんですけどね。。。ｗ）だんだんウェブから離れつつある自分へのスパイスですね。ｗ
投稿者: Noriyuki | 2006年06月06日 19:42
おぉ〜
サイトがリニューアルされてますな〜
こっちのほうがシンプルでスキっす！
いつのまにお子様まで。。。
投稿者: じらい | 2006年06月07日 15:24