CSS商城角標是網站設計中很重要的一個元素，它可以讓商品或者優惠信息更加突出，從而吸引用戶的注意力。下面我們來介紹一下如何設置CSS商城角標。

.shopping-tag {
position: absolute; /* 設置標簽絕對定位 */
top: 0;
right: 0;
padding: 4px 8px; /* 設置標簽內邊距 */
font-size: 14px; /* 設置字體大小 */
font-weight: 700; /* 設置字體粗細 */
color: #fff; /* 設置字體顏色 */
background-color: #f00; /* 設置背景顏色 */
transform: rotate(-45deg); /* 旋轉標簽 */
}

以上代碼中，我們首先定義一個類名為“shopping-tag”，并將其設置為絕對定位，然后設置標簽的上邊距和右邊距都為0。接著，我們設置標簽內邊距和字體大小和顏色，背景顏色為紅色。最后，利用CSS 3中的transform屬性旋轉標簽，讓它呈現為一個角標。

接下來，我們可以將標簽應用于我們的商品或者優惠信息上。例如：

折扣

以上代碼中，我們將標簽應用于一個商品元素上，并設置為“折扣”標簽。其中，圖片可以用相應的占位圖或者實際的商品圖片替換。

通過以上設置，我們就可以輕松地為我們的商城添加角標了。不同的背景顏色、文本內容和設置的不同角度，可以讓角標呈現多樣化的效果，從而吸引更多用戶的注意。