首先界面是二维的但也可以有三维的效果。先了解浏览器兼容性问题，火狐加前缀（-moz-）IE加（-MF-）谷歌加（-webkit）,简单介绍css3的几个属性。
对于背景来说如果是单纯着一种颜色可以会单调，css3支持对html元素进行梯度着色（gradient）包括线性（linear）的和环状（radial）的。
div{
background:-moz-linear-gradient(blue,red);/*默认的梯度方向是从上往下由蓝色逐渐变红*/
}
background:-moz-linear-gradient(left top,blue,red);/*从左上角开始梯度变化*/
background:-moz-linear-gradient(90deg left,blue,red 50%);/*从一半时开始红色*/
background:-moz-radial-gradient(blue,red);/*默认的梯度方向是从内到外由蓝色逐渐变红*/
原文：http://www.cnblogs.com/xizhenghe/p/5831542.html