茶葉作為我國的傳統(tǒng)飲料，有著悠久的歷史和文化，其香氣和口感令人陶醉。為了展現(xiàn)茶葉的優(yōu)雅和多樣性，設(shè)計了一款專屬茶葉網(wǎng)站的CSS模板。

/* 全局樣式 */
body {
font-family: "Microsoft Yahei", sans-serif;
background-color: #f5f5f5;
}
/* 導(dǎo)航欄樣式 */
.nav {
background-color: #2f4f4f;
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px;
color: #fff;
}
.nav li {
list-style: none;
margin-right: 20px;
}
/* 主要內(nèi)容樣式 */
.main {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
grid-gap: 20px;
padding: 20px;
}
.card {
background-color: #fff;
border-radius: 5px;
padding: 20px;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}
.card img {
width: 100%;
margin-bottom: 10px;
border-radius: 5px;
}
.card h2 {
font-size: 20px;
margin-bottom: 10px;
}
.card p {
font-size: 14px;
color: #666;
line-height: 1.5;
margin-bottom: 10px;
}
/* 底部樣式 */
.footer {
background-color: #2f4f4f;
color: #fff;
text-align: center;
padding: 20px;
}

此CSS模板采用了flex和grid布局，能夠很好地適應(yīng)不同大小的屏幕，同時配色也較為舒適。茶葉網(wǎng)站應(yīng)該注重用戶體驗和文化氛圍的營造，希望該模板能為設(shè)計者提供參考。