css如何让实线变短 |用html css制作表格

.box {
width: 200px;
height: 200px;
border: 2px solid black;
/* 设置实线距离容器边缘的距离（即实线的长度） */
border-width: 20px 30px 10px 50px;
}

在上面的代码中，大家设置了一个名为.box的容器，并给它一个2px黑色实线边框。然后，大家使用border-width属性控制实线距离容器边缘的距离，以达到短实线的效果。其中，border-width属性的四个值分别代表上、右、下、左边框的宽度。在大家的例子中，上边框的宽度为20px，右边框为30px，下边框为10px，左边框为50px。

通过调整border-width的值，大家可以让实线变得更短或者更长，以满足大家的需求。