要设置四周盒阴影，需要先创建一个盒子，然后使用CSS的盒模型属性来指定盒子的位置、大小和形状。接下来，可以使用CSS的阴影属性来设置盒子的四周背景和边框。
具体步骤如下：
1. 创建一个盒子，可以使用HTML的<div>标签来创建。例如：
<div></div>
2. 使用CSS的盒模型属性来指定盒子的位置、大小和形状。例如：
div {
display：盒；
position: relative;
width: 200px;
height: 200px;
上述代码创建了一个具有200px宽度和200px高度，相对定位的盒子。
3. 使用CSS的阴影属性来设置盒子的四周背景和边框。例如：
div {
display：盒；
position: relative;
width: 200px;
height: 200px;
div:before,
div:after {
content: “”;
position: absolute;
bottom: 0;
left: 50%;
width: 200px;
height: 100px;
background: red;
border-radius: 50%;
transform: translateX(-50%);
div:before {
left: 0;
div:after {
left: 200px;
上述代码使用了CSS的：before和：after伪元素来创建阴影。这些伪元素具有绝对定位，bottom属性设置为0,left属性设置为50%,width和height属性均为200px，背景颜色为红色，border-radius属性设置为50%，然后使用transform属性将 translateX(-50%)组合在一起来创建四周盒阴影。
4. 可以根据需要重复上述步骤，以创建不同样式的四周盒阴影。
通过使用CSS的盒模型属性和阴影属性，可以轻松地设置四周盒阴影，使网页更具吸引力和可读性。