Border corner frames image css

<style>
.corners {
  position: relative;
  width: 50px; /* for demo purposes */
  padding: 10px;
}

.top, .bottom {
  position: absolute;
  width: 20px;
  height: 20px;
  pointer-events: none;
}

.top {
  top: 0;
  border-top: 1px solid;
}

.bottom {
  bottom: 0;
  border-bottom: 1px solid;
}

.left {
  left: 0;
  border-left: 1px solid;
}

.right {
  right: 0;
  border-right: 1px solid;
}
</style>
<div class="corners">
  <div class="top left"></div>
  <div class="top right"></div>
  <div class="bottom right"></div>
  <div class="bottom left"></div>
  content goes here
</div>

Source: stackoverflow.com

Similar codes

1 vote282 views1 answer
Jyml toggle checkbox text
Html
0 vote301 views1 answer
Jstl format in c:set
Html
0 vote297 views1 answer
<i class="fa fa-tag"></i> fontawesome
Html
0 vote324 views1 answer
Bootstrap 4 form input group
Html
0 vote341 views1 answer
JSON.stringify in sap ui5
Html
3 votes287 views3 answers
Add icon to website tab
Html
0 vote344 views1 answer
Js lib alert
Html
15 votes307 views1 answer
Select html
Html
2 votes306 views3 answers
Dropdown bootstrap 5
Html
0 vote351 views1 answer
B-table-column v-slot undefined
Html