ストライプ状のボーダー（マーカー）
ストライプ状のボーダー（マーカー）です。display: inline-block;としていますが、blockなどに作り変えて見出しに活用するのもありだと思います！
テキスト
Source Code
右上の「コピー」からご利用ください。
コピー
<div class="my-parts">テキスト</div>コピー
.my-parts {
position: relative;
display: inline-block;
z-index: 1;
}
.my-parts::before {
content: "";
position: absolute;
left: 0;
bottom: 3px;
width: 100%;
height: 10px;
background: repeating-linear-gradient(-45deg,#F8BBD0,#F8BBD0 2px,#fff 0,#fff 4px);
z-index: -1;
}
