CSS3,线性渐变(适用标题背景)

.test{
margin:200px auto;
height:30px;
border:1px #D4D4D4 solid;
box-shadow:0 -1px 10px rgba(0,0,0,0.1);
background-color:#FAFAFA;
background-image:-webkit-linear-gradient(top,#FFF,#F2F2F2);
background-image:-o-linear-gradient(top,#FFF,#F2F2F2);
background-image:-ms-linear-gradient(top,#FFF,#F2F2F2);
background-image:linear-gradient(top,#FFF,#F2F2F2);
background-repeat: repeat-x;
}