當今時代，電商已經成為了人們日常生活中不可或缺的一部分。因此，一個漂亮、易于操作的購物網站變得至關重要。在網站設計中，CSS 起著非常重要的作用。

/* 定義網站主色調 */
body {
background-color: #fff;
color: #333;
}
/* 定義導航欄樣式 */
nav {
background-color: #333;
color: #fff;
height: 50px;
display: flex;
justify-content: space-between;
align-items: center;
}
nav ul {
display: flex;
list-style-type: none;
}
nav ul li {
margin: 0 10px;
}
nav ul li a {
color: #fff;
text-decoration: none;
}
/* 定義商品列表樣式 */
.product {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.product-item {
background-color: #f5f5f5;
border-radius: 10px;
padding: 20px;
margin: 20px;
width: 250px;
}
.product-item img {
max-width: 100%;
}
.product-item h3 {
font-size: 20px;
margin-top: 10px;
}
.product-item p {
font-size: 16px;
margin-top: 10px;
color: #888;
}
/* 定義購物車樣式 */
.cart {
position: fixed;
bottom: 20px;
right: 20px;
background-color: #333;
color: #fff;
padding: 10px 20px;
border-radius: 5px;
cursor: pointer;
}

上面的代碼展示了如何使用 CSS 定義一個購物網站。其中，定義了網站的主色調、導航欄樣式、商品列表樣式以及購物車樣式等。

在設計購物網站時，需要注意網站的整體風格與色系的搭配。同時，導航欄與購物車等功能區的設計也要便于用戶操作。商品列表需要呈現出清晰的信息，包括商品圖片、名稱、價格、分類等。

總之，在購物網站的設計中，CSS 起著至關重要的作用。通過運用 CSS，可以讓網站變得更貼近用戶，更容易操作，提升網站的使用體驗。