css只显示边框一部分 |css3背景为图片

方法一：使用带定位的伪元素

.box {
position: relative;
width: 200px;
height: 100px;
border: 1px solid #000;
}
.box::before {
content: '';
position: absolute;
top: -1px;
left: -1px;
width: 100%;
height: 100%;
border: 1px solid transparent;
border-right-color: #000;
border-bottom-color: #000;
}

上面的代码中，大家通过为 .box 元素设置相对定位，来让其内部的 ::before 伪元素使用绝对定位进行定位。这样，大家就可以使用无形的 ::before 元素来实现边框的显示。

方法二：使用 CSS 盒子阴影

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

大家可以使用 CSS 盒子阴影来模仿边框，然后设置相应的偏移量、模糊半径和颜色，来实现只显示边框的效果。

以上就是两种实现只显示边框一部分的方法，根据实际需求选择适合自己的方案即可。