用css3去写

好的，以下是使用 CSS3 编写的样例：

HTML 代码：

<div class="box">
  <h1>CSS3 Box Shadow</h1>
  <p>Here is some text in a box with a box shadow.</p>
</div>

CSS 代码：

.box {
  width: 300px;
  height: 200px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
  padding: 20px;
}

h1 {
  font-size: 24px;
  margin-bottom: 10px;
}

p {
  font-size: 16px;
}

这个样例演示了如何使用 CSS3 的 `box-shadow` 属性给一个盒子添加阴影效果。`box-shadow` 属性的值由四个参数组成：水平偏移量、垂直偏移量、模糊半径和颜色。在这个例子中，我们将水平和垂直偏移量都设置为 0，模糊半径设置为 10px，颜色设置为半透明的黑色。这样就得到了一个具有阴影效果的盒子。