css3查询

这里给自己查询用的,好多东西都记不住,就自己整理一下,尤其是css3里面的各种阴影啊圆角啊等,每次用到都要查询,浪费了好多功夫,就整理到这里吧。

一、css3阴影属性box-shadow

box-shadow:Apx Bpx Cpx #xxx;
Apx = x轴
Bpx = y轴
Cpx = 投影长度
#XXX = 像通常一样的颜色

举个例子(moz代表火狐,webkit代表chrome和苹果的sarfri,khtml代表kde项目中的Konqueror浏览器)

-moz-box-shadow:0 0 2px #ccc;
-khtml-box-shadow:0 0 2px #ccc;
-webkit-box-shadow:0 0 2px #ccc;
box-shadow:0 0 2px #ccc;

二、css3字体阴影属性text-shadow

text-shadow:Apx Bpx Cpx #xxx;
Apx = x轴
Bpx = y轴
Cpx = 投影长度
#XXX = 像通常一样的颜色

举个例子(moz代表火狐,webkit代表chrome和苹果的sarfri,khtml代表kde项目中的Konqueror浏览器)

-moz-text-shadow:0 0 2px #ccc;
-khtml-text-shadow:0 0 2px #ccc;
-webkit-text-shadow:0 0 2px #ccc;
text-shadow:0 0 2px #ccc;

三、css3中的圆角属性border-radius

border-radius:Apx
Apx代表圆角的程度

举个例子(moz代表火狐,webkit代表chrome和苹果的sarfri,khtml代表kde项目中的Konqueror浏览器)

-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;

四、css3中的背景渐变属性border-radius

不多说,请参考http://www.zhangxinxu.com/wordpress/?p=727

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">