優惠券鋸齒CSS是一種有趣而實用的CSS技術。它使用CSS的偽元素和邊框屬性創建了一個鋸齒狀的外形，可以應用于優惠券、標簽、徽章等元素的設計中。下面是一個基本的優惠券鋸齒CSS代碼：

/* 優惠券鋸齒CSS */
.coupon {
position: relative;
display: inline-block;
padding: 10px;
background-color: #eee;
border: 1px solid #ccc;
border-radius: 8px;
}
.coupon::before {
content: "";
position: absolute;
left: -10px;
top: 0;
width: 0;
height: 0;
border: 10px solid transparent;
border-right-color: #eee;
}
.coupon::after {
content: "";
position: absolute;
right: -10px;
bottom: 0;
width: 0;
height: 0;
border: 10px solid transparent;
border-left-color: #eee;
}

該代碼為一個名為coupon的CSS類添加了優惠券鋸齒效果。代碼中使用了偽元素::before和::after來創建左右兩側的鋸齒。這些偽元素被絕對定位，并使用了border屬性來創建鋸齒形狀。額外的CSS屬性使鋸齒正確對齊和調整大小。

要使用該代碼，只需要將coupon類應用于您的HTML元素中。例如：

<div class="coupon">
優惠券內容
</div>

使用這個代碼，可輕松創建優惠券效果，增加網頁的互動性和視覺吸引力。