<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>select居中</title>
<style>
.line{
background:#fff;
-moz-box-shadow : 0px 0px 6px 1px #cacccc ;
-webkit-box-shadow : 0px 0px 6px 1px #cacccc ;
/* 以上2句兼容低版本 */
box-shadow : 0px 0px 6px 1px #cacccc ;
border-radius: 6px;
}
/* 渐变 */
*{ padding:0px; margin:0px;}
html,body{ width:100%; height:100%;overflow:hidden;font-size: 12px;}
body{background:#eaf1f2; color: #333; font-family: "微软雅黑";}
.notice{width:96%; height:10%; position:relative;color: #fff;padding: 1% 2% 0 2%;
background: linear-gradient(top left, #0491c7, #076ca3);/*渐变从左上角到右下角*//* linear-gradient(线性渐变)和 radial-gradient(径向渐变)*/
background: -ms-linear-gradient(top left, #0491c7, #076ca3); /*ie*/
background: -webkit-linear-gradient(top left, #0491c7, #076ca3);
background: -moz-linear-gradient(top left, #0491c7, #076ca3);}
{
cursor: pointer;
}
</style>
</head>
<body>
<div >
<div class="line">
注意阴影
</div>
</div>
<script>
</script>
</body>
</html>