写真の角を丸くする

ご案内のように

HTML-5 と CSS-3 に苦労していますが、
サイトの改造を進めています。

まだ HTML-5/CSS-3 に対応していないプラウザへ
どう対応するか 頭が痛い改造作業です。

それはそれとして
対応中に 学んだことを ご紹介していきたいと思います。

最初は、
写真の角を丸くしたり BOXの角を丸くする方法です。

実に簡単です。
たった一行を CSSに追加すれば おしまいです。

border-radius: 10px;

border-radius : 角丸の半径px ;

これまで、画像ソフトを使用して
気の遠くなるような作業をして、
初めて丸く出来る そんな世界でした。

それが 何と! たった一行 CSSに加える!
すごい進化です!

知らないことは 損ですねェ・・・
教えないことも どうなんでしょうか?

唯、残念ながら 
Internet Explorer 6~8 は未対応です。

回避方法ですか?

はい それらしき方法はあります。
それは 後日 お伝えします。 

コメントを残す

*