这里给自己查询用的,好多东西都记不住,就自己整理一下,尤其是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