左上にラベルを表示する囲み枠
.frame { display: block; position: relative; padding: 3em 1em 2em; border: 3px double #fa87ce; } .frame:before { content: "ポイント"; position: absolute; top: 0px; left: 0px; padding: 5px; background: repeating-linear-gradient(45deg, #fdE7F3, #fdE7F3 5px, white 5px, white 10px); border: 1px solid #ffb0e2; font-weight: bold; }