[CSS]角丸を使用しないで、四隅をすっきりみせるスタイルシート | コリス

divで実装したパネルの四隅を1px欠けにして、角をすっきりみせるスタイルシートをonderhond.comから紹介します。

[beth321]

　コリス

[nippai]

簡単に使えそう

[d6rkaiz]

角丸

[moqada]

二つのdivを重ねる

[bluerabbit]

角まるをcssで実現するIE6も有効

[hamuzou_66]

細かいことだが、これは使えそう

[mumincacao]

勝手に初期化すくりぷとを上書きしたり DOM 構造を変更したりして『動かないから治して』なんてなるのはもう遠慮したいのです（´・ω・｀；【みかん

[I11]

？？？　そのデザインも角丸なんじゃ？　角丸はもう飽きた。

[bearide]

あまり使いたくない。

[adsty]

２つのdivパネルを使って４隅の1px欠けで実現。

[info55]

Nifty Corners Cubeの方がよくね？

[mallowlabs]

これは

[kagehiens]

比較的シンプルな記述でいい感じ。だけど、そもそもCSSの指定に角丸があれば良いだけの話なんだよなぁ・・・。

[ryownet]

divの入れ子になるけど、これは良いテクニック。1px欠けの疑似角丸は、小さいタブや小見出しに使える。

[Chisei]

これはなかなかよいプチテクニック

[tarchan]

デザインのために2重のdivで囲むとかナンセンスですね

[Zephyrs]

おもしろいかも。DIVをこのためだけに2重にするのがちょっと抵抗あるけど。

[muchonov]

2重の装飾div＋negative marginて，全然smartじゃない気がっ！

[CUTPLAZA-Tomo]

角丸

[toaruR]

装飾用のタグはソースには記述せずに、スクリプトで書き足す方向のが良いかなぁ。

[kkobayashi]

デザインのためだけの無駄なマークアップをする、という意味では角丸と大差ないような・・・。

[meg_nakagami]

これはいいね。角丸って個人的に好きじゃないんだけど、これはシャープなままでスマート。

[cyokodog]

すごい