1. 犀牛前端部落首页
  2. CSS百科

CSS:如何限制border长度

代码如下,希望帮助到有需要的朋友:

#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>

原创文章,作者:犀牛前端部落,如若转载,请注明出处:https://www.pipipi.net/754.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注