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

0 vote191 views1 answer
Input field with add button that creates another input
Html
1 vote177 views1 answer
Html span title tooltip
Html
1 vote188 views1 answer
Uses of div, section and article tag in html
Html
8 votes184 views1 answer
Onclick call php function with parameters
Html
0 vote203 views1 answer
Scroll an element in html with a button
Html
7 votes206 views5 answers
Markdown comment
Html
131 votes159 views7 answers
Span html
Html
0 vote192 views1 answer
Chat room website template free download
Html
0 vote205 views1 answer
Cards bootstrap examples
Html
0 vote186 views1 answer
Html submit alert
Html