css下边框怎么设置往里延伸

CSS下边框往里延伸?

在CSS中，设置元素的下边框往里延伸的方法是使用"box-shadow"属性。

用法如下：

box-shadow: 0 5px 0 0 #000;

其中，第一个数值是水平偏移量（可正可负），第二个数值是垂直偏移量（可正可负），第三个数值是阴影半径大小，第四个数值是阴影扩展大小，第五个数值是颜色。

例如，这是一个盒子并设置下边框颜色为红色：

.box {
  width: 200px;
  height: 100px;
  border: 1px solid red;
  box-shadow: 0 5px 0 0 #f00;
}

效果如下：