1、强大的CSS选择器
2、新的颜色制式和透明设定
3、多栏布局的实现
4、多背景图效果
5、文字阴影效果
6、开放的网络字体类型，如果客户端没有该字体，可以使用服务端的字体
7、圆角
8、边框背景图片
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>绚丽的边框图片</title> <style> .test{ width:300px; padding:10px; -webkit-border-image:url(border.png) 27/27px stretch; } .test1{ width:300px; padding:10px; -webkit-border-image:url(border.png) 54/27px stretch; } .test2{ width:300px; padding:10px; -webkit-border-image:url(border.png) 81/27px stretch; } </style> </head> <body> <div class="test">用图片来做边框1/3处切割</div> <hr /> <div class="test1">用图片来做边框2/3处切割</div> <hr /> <div class="test2">用图片来做边框3/3处切割</div> </body> </html>
9、盒子阴影
10，媒体查询
11，倒影效果
原文：http://www.cnblogs.com/LO-ME/p/3651140.html