您的位置:首页 > Web前端 > CSS

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

2013-06-27 14:09 483 查看
<!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>


内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: