css盒子向内描边

CSS盒子向内描边是一种常用的显示效果，它可以突出显示盒子的内容，并且使盒子看起来更加立体。实现向内描边的方法非常简单，只需要使用CSS的box-shadow属性并将inset属性值设置为inset即可。

.box {
  
  box-shadow: inset 0 0 0 5px #000;
}
 

上面的代码中，0 0 0这三个值分别表示向内描边的水平位置、垂直位置、模糊距离，最后一个值5px则表示描边的粗细程度，可以根据需要进行调整。

在实际应用中，向内描边可以跟其他样式组合使用，比如加上背景色和圆角效果，可以让盒子的立体效果更加明显。

.box {
  
  background-color: #fff;
  
  border-radius: 10px;
  
  box-shadow: inset 0 0 0 5px #000;
}
 

最后再来看一下效果图：

可以看到，加上向内描边之后，盒子看起来更加立体，呈现出立体感。