css3圆的阴影怎么加 |js设置css样式border

.box {
width: 200px;
height: 200px;
background-color: #ffffff;
border-radius: 50%;
box-shadow: 5px 5px 5px 5px #888888;
}

以上代码展示了如何在一个圆形盒子上添加阴影。具体来说：

• .box是圆形盒子的选择器。
• width和height属性被设为相等的长度单位，使得盒子变成了一个圆形。
• background-color属性设置盒子的背景颜色。
• border-radius属性将边界的四个角变成圆点，实现了圆形盒子的效果。
• box-shadow属性是关键，它为边框添加了一个阴影。这个属性有5个值，分别是x轴位移、y轴位移、阴影的大小（blur radius）、阴影的强度（spread radius），以及阴影的颜色。在这个例子中，阴影被设为了一定的偏移（x轴和y轴都有5像素的偏移），大小被设为5像素，强度也被设为5像素，颜色为深灰色。

总的来说，通过box-shadow属性，你可以完成很多复杂的阴影效果，不仅限于圆形盒子上的使用。