css怎么只显示一条边框 |css3 js点击收缩展开的竖直菜单

第一种方式是使用box-shadow属性。代码如下：

.your-div-selector {
box-shadow: 0px 0px 0px 2px black;
}

在这段代码中，设置了一个黑色的box-shadow。属性中第二个0代表水平偏移量，第三个0代表垂直偏移量，第四个0代表模糊半径，最后的2px是实际的边框宽度。你只需要控制第四个参数即可实现不同宽度、颜色的边框效果。

第二种方式是使用伪元素实现。代码如下：

.your-div-selector {
position: relative;
}
.your-div-selector::after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border: 2px solid black;
box-sizing: border-box;
}

这段代码实现的原理是使用一个伪元素来覆盖在原来的div上，实现边框的效果。 ::after伪元素的content属性设置为空，表示不需要添加任何内容。使用position:absolute将伪元素定位在div上方，使用left:0和top:0将其置于div左上角，使用width:100%和height:100%让伪元素大小与div相同。border属性控制边框样式和宽度，box-sizing属性设置为border-box，确保边框宽度计入整个框的宽度。

以上两种实现方法，你可以根据自己的需求选择相应的方式。CSS的学习永远是一个不断学习的过程，希望这篇文章能为你提供帮助。