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

2005/11/11 125 users Copy Collection CSS 角丸 HTML

画像 + CSSを使った角丸 技術 wg:Introducing DomCorners 上記ページを読んだ。 Nifty Corners 作者はCSSのみで角丸を実現する記事を書いている。当ブログでも、これを利用している。 その上で異なるアプローチの角丸を紹介している。 上のような画像を、1コマずつずらしながらCSSを利用して貼りこんで行く。 対象となる領域のHTMLは以下。 <div id="b... 続きを読む

趣味のWebデザイン - スゴい「CSSテク」……新たなる伝説

2005/03/19 9 users スゴイ 伝説 趣味 webデザイン blockquote

Nifty Corners: rounded corners without images 画像なしで角を丸くするCSSテク: Nifty Corners CSSで角を丸くする 画像を使用せずCSSで角を丸くする方法 適宜覚書　2005-03-19／2005-03-20 Nifty_Cornersに関する議論（言及記事リンク集） blockquoteはもう古い～fieldsetの伝説(legend... 続きを読む

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

2005/03/17 40 users div要素 CSS wbr 手法 実験

普通は「画像 + DIV要素を入れ子 or TABLE」で無理矢理実現させる角が丸いボックス要素を、一切画像を使わずにCSSだけで実現する手法が紹介されててちょっと感動したので実験。その名も Nifty Corners 。 タグ打ちが死ぬほど複雑＆面倒臭いが、同ページで紹介されているJavaScriptを使えば、適用する対象のブロック要素の名前と背景色・前面色を指定するだけでタグを自動生成してくれ... 続きを読む

Nifty Corners

2005/03/16 254 users The technique The ne of new

Nifty Corners: rounded corners without images By Alessandro Fulciniti Update This is the original article. The technique has been improved with better browser support and a lot of new features. The ne... 続きを読む