卡券、虚线分割与缺口装饰 | 星雨笔录

实现卡券的虚线分割与票据缺口效果。

核心: 卡券通过虚线分隔和圆形缺口营造票据视觉;可结合伪元素装饰。

最小示例:

.ticket { position: relative; border: 1px solid #ddd; border-radius: 12px; }
.ticket .divider { border-top: 1px dashed #aaa; }

学完能做: 实现卡券的虚线分割与票据缺口效果。