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