阴影边框

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>

  <style>
  .shadow {
-moz-box-shadow: 1px 1px 5px #ccc;
-webkit-box-shadow: 1px 1px 5px #ccc;
box-shadow: 1px 1px 5px #ccc;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc');
}
  </style>
 </head>
 <body>
  <div class="shadow" style="width:200px;height:200px;border:solid 1px #ccc"></div>
 </body>
</html>

posted on 2014-07-25 18:22 朝着阅读(742) 评论(0) 编辑收藏举报