CSS樣式是建立在HTML語言基礎之上的，是控制網頁的布局和外觀的重要工具之一。而在商城中，卡券作為一種營銷手段被廣泛應用，其美觀的樣式也需要通過CSS來實現。

.card {
width: 80%;
margin: 0 auto;
background: #FFFFFF;
box-shadow: 0px 3px 10px #888888;
border-radius: 8px;
overflow: hidden;
}
.card .header {
padding: 10px;
background: #FF6600;
color: #FFFFFF;
font-size: 18px;
font-weight: bold;
text-align: center;
}
.card .body {
padding: 20px;
text-align: center;
}
.card .title {
font-size: 24px;
font-weight: bold;
color: #333333;
}
.card .description {
font-size: 16px;
color: #555555;
margin-top: 10px;
}
.card .code {
font-size: 28px;
margin-top: 20px;
}
.card .footer {
padding: 10px;
background: #EFEFEF;
text-align: center;
}
.card .footer a {
color: #FF6600;
font-weight: bold;
text-decoration: none;
}

通過上面的CSS代碼，可實現一張簡單的商城卡券樣式。其中采用了圓角、陰影、襯底、字體大小顏色等樣式組合，使卡券看起來更符合商城的整體風格。