首页 > html > shadow > Effect - 如何创建CSS3盒阴影

Effect - 如何创建CSS3盒阴影

shadow 【shadow】
我们想知道如何创建CSS3盒阴影。
代码展示 运行结果 

<!DOCTYPE html>
<html>
<head>
<style type='text/css'>
.shadowOne {
    background-color:#c06;
    padding:5px;
    color:#fff;
    -webkit-box-shadow: 5px 5px 5px #000;
    -moz-box-shadow: 5px 5px 5px #000;
}
.shadowTwo {
    background-color:#c06;
    padding:5px;
    color:#fff;
    -webkit-box-shadow: -5px -5px 5px #000;
    -moz-box-shadow: -5px -5px 5px #000;
}
  </style>
</head>
<body>
  <p class="shadowOne">This is a box with a shadow</p>
  <p class="shadowTwo">This is a box with a shadow</p>
</body>
</html>