DN*BLOG

2009.10.24

最近よく使うCSS

CSSで角丸

-moz-border-radius: 5px;
-webkit-border-radius: 5px;

「-moz-」はMozilla用。一般的にはFirefoxですね。
「-webkit-」はwebkit用。こちらはSafariです。

これだけで今まで面倒だった角丸ボックスを生成してくれます。
IEには適応されないので注意が必要ですが、個人レベルのサイトだったらガンガン使っていていいと思います。
オススメです。

簡単なマウスオーバー効果

opacity:0.8;
filter: alpha(opacity=80);

これを「a:hover」に適用させれば数値分透過されます。
これはIEでも使えるので無駄なボタン画像を減らす事ができます。
楽なのでオススメです。

上記二つは結構使えると思うので試してみてください。

FavoriteLoadingAdd to favorites

Category : (x)HTML , CSS

関連する記事