css3創建一個上下線性漸變色背景的div

本文轉載自查看原文 2013-06-27 14:09 7931 前端技術

<!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>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 關於CSS3背景漸變色無效問題 CSS3總結二：（background）背景/漸變色函數 div+css背景漸變色代碼示例【CSS3】---顏色RGBA及漸變色 css3實現border漸變色 css 背景圖片和漸變色並存如何給div加上一個漸變色的border並且還帶有圓角 CSS3新增特性-background以及漸變色 css實現div邊框圓角漸變色 css 邊框漸變色