[Solved] How to Create Border In Css Iike

by


You can try something like this:

#mainDiv {
  height: 100px;
  width: 80px;
  position: relative;
  background: grey;
}

.bottom-left-corner {
  margin: -5px;
  border-left: 1px solid orange;
  border-bottom: 1px solid orange;
  position: absolute;
  top: 25%;
  bottom: 0;
  right: 25%;
  left: 0;
}

.top-right-corner {
  margin: -5px;
  border-right: 1px solid #aaaafa;
  border-top: 1px solid #aaaafa;
  position: absolute;
  top: 0;
  bottom: 25%;
  right: 0;
  left: 25%;
}
<div id="mainDiv">
  <div class="bottom-left-corner"></div>
  <div class="top-right-corner"></div>
</div>

Regards,

solved How to Create Border In Css Iike