WordPressブログはじめてみる?

css3の角丸表現 border-radiusプロパティ

css3によるborder-radiusプロパティのメモです。

これにより角丸のボックスを作ることができます。
ただし、IE8以前は対応していませんので、javascript等で対応が必要です。IEって本当に面倒だね。

[css]border-radius: 10px; /* CSS3草案 */
-webkit-border-radius: 10px; /* Safari,Google Chrome用 */
-moz-border-radius: 10px; /* Firefox用 */[/css]

備忘録として。。スマホニーズが高鳴る今、これよく使います。けどスマホも古いの新しいので対応が難しくなってきそうだよなー。そうなるとスマホ版IEみたいな扱いのものも出てこないとはかぎらない。。。どんどん進化するのも考えものです。
Webマスターはその日に備えて勉強あるのみですね。

シェアしてくれたらうれしー。
ABOUT US
アバター画像
矢野キチ
フリーランスのWEB屋です。このブログでは「自由に生きる」をテーマに生活の中で思ったことをザクザク書いていきます。身体的特徴としては目が細いので、ゴミがあまり目に入らないので人生得しています。

このサイトで使っているWordPressテーマ
「STORK19」

当ブログはWordPressを使用して作られています。そしてデザインテンプレートはSTORK19を使用しています。