css 小票底端带锯齿 样式

CSS 中实现小票底端带锯齿效果，通常需要利用伪元素 `::before` 或 `::after`，配合一些 CSS3 的新特性，如 `border-radius` 和 `transform`。这里是一个简单的示例：

.ticket-bottom {
  position: relative;
  width: 100%;
  height: 50px; /* 票据底部高度 */
}

.ticket-bottom::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px; /* 锯齿线宽度 */
  background-color: #ccc; /* 颜色可以根据需求调整 */
  transform: rotate(45deg); /* 创建斜角 */
  transform-origin: bottom right; /* 起点在右下角 */
  border-radius: 0 0 60% 60%; /* 通过边框圆角模拟锯齿效果 */
}