css3创建一个上下线性渐变色背景的div

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
    .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;
    }
</style>
</head>

<body>
<div class="test"></div>
</body>
</html>

原文地址:https://www.cnblogs.com/wshiqtb/p/3158622.html