<div class="triangle01"></div>
<div class="triangle02"></div>
<div class="triangle03"></div>
<div class="triangle04"></div>
.triangle01 {
border-right: 15px solid transparent;
border-left: 15px solid transparent;
border-bottom: 25px solid #00DDDD;
display:inline-block;
}
.triangle02 {
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-left: 25px solid #00DDDD;
display:inline-block;
}
.triangle03 {
border-right: 15px solid transparent;
border-left: 15px solid transparent;
border-top: 25px solid #00DDDD;
display:inline-block;
}
.triangle04{
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-right: 25px solid #00DDDD;
display:inline-block;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.