如何修复底部边框不要整个div？

Question

HTML

std::nullptr_t

CSS

<div>
</div>

此输出，带有总div宽度的边框触摸我想要div的宽度的50％是div的边框和中心。

Answer 1

＆＃13;

＆＃13;

.div {
  width: 500px ;
  height: 300px ;
  background-color: red;
  position: relative;
}

.div:before {
  border-bottom: 1px dotted #000;
  margin-left: -125px;
  position: absolute;
  width: 250px;
  content: '';
  bottom: 0;
  height: 0;
  left: 50%;
}

＆＃13;

<div class="div">
</div>

＆＃13;

＆＃13;

＆＃13;