Collection & Copy - 画像 CSSを使った角丸

画像 + CSSを使った角丸 技術 wg:Introducing DomCorners 上記ページを読んだ。 Nifty Corners 作者はCSSのみで角丸を実現する記事を書いている。当ブログでも、これを利用している。 その上で異なるアプローチの角丸を紹介している。 上のような画像を、1コマずつずらしながらCSSを利用して貼りこんで行く。 対象となる領域のHTMLは以下。 <div id="box"> <b class="btop"><b></b></b> content here... <b class="bbot"><b></b></b> </div> CSSの定義は以下。 b.btop, b.btop b, b.bbot, b.bbot b{ display: block;height: 10px;font-size: 1px; background-image:url(rc.

[webmarksjp]

programming

[nilab]

Collection & Copy - 画像 CSSを使った角丸

[bright-f]

こういうのを待ってました！

[ayabou]

CSSで角を丸く！

[kanme]

　はてなのデザインがシンプルでうまい

[hide_log]

デザイン

[yellowblog]

テーブルを使わずに、角丸画像。

[t01020ty]

　角丸ＣＳＳ。

[elf]

角まる

[sin5]

参考にしてみようかな。

[usj12262]

nifty cornersより参考になりそう。角・辺含めて1枚の画像に収められないか。

[lenore]

ここのデザインはシンプルでスキだし記事も楽しみにしてる。↓率直にバッドノウハウって書こうよ。

[nabeso]

誰が最初に斧を投げるんだろう。あ。おれか

[style_blue]

なるほど…