html边框缩短,有什么办法css border缩短

如果 我给div设置了border边框，border根据高度占满了，我想在两边留一点空白，怎么样缩短border。

你现在这个div不要设border，但是在div里嵌套多一个小一点的div(当然，文字内容就都写在这个小div里面了)，在小的div上设置border就ok了

应该是里面再加一个div,用这个div来显示边框

为什么不用伪元素

border 属性本身是包裹在content外的’边框’，是不具备修改长度能力的。

想要实现预期的短边框效果，我提供两种思路。

1.把这个表框包裹的content的高度减小，然后用margin保留占据空间；

2.利用其他空元素(或新建一个标签或利用伪元素)，定义这个元素的高度为你的目标高度，再设置表框或者干脆用width:1px;background-color:gray;来达到预期效果。

一个div

一厅

方法一：伪元素:before/:after

.demo {

width: 100px;

height: 1