1個の画像でシンプルに角丸を実装するCSSサンプル:phpspot開発日誌

Simple Round Corners in CSS (revisited) We are going to use a single image (20px x 20px) to provide our rounded corners and to save on using different images we will use one image only and simply place each corner into place using the background-position property. 1個の画像でシンプルに角丸を実装するCSSサンプル。 使うのは次の1枚の300バイトの画像。 なるほど、これでポジションをずらしてあげれば、画像は1枚でシンプルに実装できるわけですね。 HTMLマークアップとCSSの紹介と解説がされてます。 関連エントリ CSSで角丸テ

[webmarksjp]

*webデザイン

[edo_m18]

PNG画像1枚を使った角丸実装方法。白の丸い部分と、そのまわりを透過させて、それを使うことで簡単に角丸boxをå®

[billy-elliot]

"[css][web design][角丸][矩形]"

[Naoki1]

1個の画像でシンプルに角丸を実装するCSSサンプル

[wims_Tea]

1個の画像でシンプルに角丸を実装するCSSサンプル

[wakatakahawks]

この発想は無かった！けど４つの画像で実装するには無駄タグかjsが必要なことが多いから使える機会は少なそう。

[denken]

さっさとborder-radius普及しろ

[kote2www]

なるほど

[sankaseki]

[!GTD::資料(いつか使う)]1個の画像でシンプルに角丸を実装するCSSサンプル:phpspot開発日誌

[Molokheiya]

これはいいねー

[nibushibu]

タイトル通り

[satoc28]

単純だけど、今まで思いつかなかった。。。

[Hamachiya2]

なるほどー