商店的CSS樣式設計對于用戶體驗和品牌形象都非常重要。一個好的CSS樣式能夠增強頁面的可讀性、布局、色調和字體。下面我們將介紹一些常用的商店CSS樣式。

/* 設置全局字體為Tahoma或Arial */
body {
font-family: 'Tahoma', 'Arial', sans-serif;
}
/* 設置商品列表樣式，包括邊框和陰影 */
.product-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
border: 1px solid #ccc;
padding: 20px;
margin-top: 30px;
}
/* 為商品列表中的每一項設置陰影效果 */
.product-list li {
box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
transition: all .2s ease-in-out;
}
/* 鼠標懸停時放大商品照片 */
.product-list li:hover img {
transform: scale(1.05);
}
/* 訂單表格樣式 */
.order-table {
border-collapse: collapse;
width: 100%;
}
/* 設置表頭文本的樣式 */
.order-table th {
background-color: #ccc;
color: #333;
text-align: left;
padding: 10px;
border: 1px solid #fff;
}
/* 設置表格中的奇偶行的不同底色 */
.order-table tr:nth-child(even) {
background-color: #f2f2f2;
}
.order-table td {
padding: 10px;
border: 1px solid #ddd;
}

以上是一些常用的商店CSS樣式，包括全局字體、商品列表、訂單表格等。當然，根據不同的商店需求，CSS樣式也會有所不同，因此商店開發者需要根據實際情況自行調整。