無料で使える情報探す「おぼえがき」

画像を使わずCSSだけで角を丸くする方法

ブログやホームページの作成でヘッダやサイドバー、コンテンツ部分の角を丸くする方法として、ポピュラーなのは角の部分に画像を配置する方法だと思いますが、もっとお手軽に出来るものはないかとググってみたら All About の昔の記事にありました。

「-moz-border-radius」 を一行追加するだけというお手軽さは、ものぐさな管理人には大変魅力的です。　デメリットは Firefox などの Mozilla系ブラウザだけに適用されるので IE系やOpera では角丸にならないところ。

しかし、このブログはそこまで見栄えを気にしているわけではないので当分これでOKです。

他にも JavaScript を使う方法など色々あるようですが、それはいずれ挑戦してみます。