Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<style>
.test {
display: inline-block;
margin: 20px;
width: 160px;
height: 120px;
box-sizing: border-box;
border: 24px solid blue;
border-shape: polygon(50% -8%, 108% 50%, 50% 108%, -8% 50%) half-border-box;
}
</style>
<div class="test"></div>
<div class="test"></div>