.corner_box01 { background: rgba(247, 17, 55, 0.8); width: 200px; height: 230px; position: relative; } .corner_box01:before { height: 0; display: block; position: absolute; right: -3px; content: ""; border-top: solid 50px #fff; border-left: solid 50px transparent; top: -3px; z-index: 2; } .corner_box01:after { height: 0; display: block; position: absolute; right: -2px; content: ""; border-top: sol
![Web Trends Lab.](https://cdn-ak-scissors.b.st-hatena.com/image/square/acc55fc3677f8542c6ef224759b7a19065e2e36c/height=288;version=1;width=512/https%3A%2F%2Fkohimoto.com%2Flabo%2Fwp-content%2Fuploads%2F2019%2F05%2Fscare-scaled-e1678960531228.jpg)