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 边框渐变色