CSS3

p:nth-last-child(1)  选择P标签的最后一个元素

input[type='button'] 获取input标签为button的元素

 

 

http://www.open-open.com/news/view/a541f8

 

 

CSS3生成工具

http://www.css3maker.com/index.html

 

 

渐变背景颜色

background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));
background: -webkit-linear-gradient(#EEFF99, #66EE33);
background: -moz-linear-gradient(#EEFF99, #66EE33);
background: -ms-linear-gradient(#EEFF99, #66EE33);
background: -o-linear-gradient(#EEFF99, #66EE33);
background: linear-gradient(#EEFF99, #66EE33);
-pie-background: linear-gradient(#EEFF99, #66EE33);

工具：http://www.colorzilla.com/gradient-editor/

 

字体阴影

text-shadow: -1px 2px 5px #208f9e;

filter: dropshadow(color=#208f9e, offx=-1, offy=2);

盒子阴影

-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;

工具：http://css3generator.com/

 

边框圆角

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

工具：http://border-radius.com/

 

盒子生成工具

http://www.layerstyles.org/builder.html

转载于:https://www.cnblogs.com/-gap/archive/2012/06/07/2540348.html