css 边框渐变阴影

要现CSS边框向内阴影渐变效果，可以使用box-shadow属性。box-shadow属性用于向元素添加一个或多个阴影效果。对于边框向内的阴影渐变效果，可以使用多重阴影与定向阴影的方法。首先，设置一个正方形的容器元素，并为其添加一个边框。然后，使用box-shadow属性为其添加一个向内的阴影，同时设置渐变的颜色。通过调整阴影的偏移量和模糊半径，可以控制渐变的效果。以下是一个示例代码：

div {
  width: 200px;
  height: 200px;
  border: 1px solid black;
  box-shadow: inset 0 0 10px 10px rgba(0, 0, 0, 0.5);
}

在这个示例中，`inset`关键词表示阴影向内，`0 0`表示阴影的水平和垂直偏移量为0，`10px`表示阴影的模糊