有什么办法限制边框长度吗？

小编典典

有什么办法限制边框长度吗？

css

有没有办法限制边框的长度。我有一个<div>具有底部边框的，但是我想在的左侧添加一个边框，该边框<div>仅向上延伸一半。

有没有办法在页面上不添加额外元素的方法？

阅读 287

2020-05-16

共1个答案

小编典典

希望这可以帮助：

#mainDiv {

  height: 100px;

  width: 80px;

  position: relative;

  border-bottom: 2px solid #f51c40;

  background: #3beadc;

}



#borderLeft {

  border-left: 2px solid #f51c40;

  position: absolute;

  top: 50%;

  bottom: 0;

}


<div id="mainDiv">

  <div id="borderLeft"></div>

</div>

2020-05-16