凤凰台上凤凰游，凤去台空江自流。吴宫花草埋幽径，晋代衣冠成古丘。三山半落青天外，二水中分白鹭洲。总为浮云能蔽日，长安不见使人愁。

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>

posted @ 2013-06-27 14:09  天兵Q  阅读(11193)  评论(0)  编辑  收藏  举报