CSS代码常用于美化网页，其中阴影箭头是一种很酷的效果。想要实现这个效果，就需要使用CSS属性box-shadow。

首先，我们需要设置元素的宽度和高度，并将其设置为相对定位（position: relative;）。接着，我们设置元素的背景颜色（background-color）、边框样式（border-style）、边框宽度（border-width）等属性。

.arrow {
width: 200px;
height: 100px;
position: relative;
background-color: #555;
border-style: solid;
border-width: 1px;
}

接下来，我们将箭头的三角形部分用CSS画出来。把元素的上、左、右、下四个方向的边框属性设为透明。

.arrow:after {
content: "";
position: absolute;
bottom: -20px;
left: 50%;
margin-left: -10px;
border-width: 10px;
border-style: solid;
border-color: transparent transparent #555 transparent;
}

最后，使用box-shadow属性添加阴影效果。我们可以为箭头的下方添加一个深色阴影，让箭头看起来更加立体感。

.arrow {
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.5);
}

通过以上代码，我们就可以实现一个带有阴影效果的箭头。这样，网页看起来更加生动有趣了。