下面是一個網(wǎng)站CSS案例，使用CSS可以優(yōu)化頁面顯示效果，增強用戶體驗。

示例代碼如下：

/* 定義網(wǎng)站主題顏色 */
:root {
--primary-color: #007bff;
--secondary-color: #6c757d;
}
/* 定義頁面布局樣式 */
body {
font-family: Arial, Helvetica, sans-serif;
background-color: #f8f9fa;
}
.header {
display: flex;
justify-content: space-between;
align-items: center;
background-color: var(--primary-color);
color: #ffffff;
padding: 1rem;
}
.navbar {
display: flex;
gap: 1rem;
}
.logo {
font-size: 1.5rem;
}
.navigation {
font-size: 1.2rem;
}
.hero {
background-image: url('hero-image.jpg');
background-size: cover;
min-height: 200px;
display: flex;
justify-content: center;
align-items: center;
color: #ffffff;
text-align: center;
}
.cta {
margin-top: 2rem;
margin-bottom: 2rem;
text-align: center;
font-size: 1.5rem;
}
.cta button {
background-color: var(--secondary-color);
color: #ffffff;
border: none;
padding: 1rem 2rem;
border-radius: 0.5rem;
cursor: pointer;
box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
}
.cta button:hover {
background-color: #212529;
}
.footer {
background-color: var(--secondary-color);
color: #ffffff;
padding: 1rem;
text-align: center;
}

該CSS樣式定義了網(wǎng)站主題顏色、頁面布局樣式、頭部、導航、主要內(nèi)容區(qū)域和頁腳的樣式。這些樣式可以讓網(wǎng)站看起來更漂亮和整潔，提高用戶對網(wǎng)站的滿意度和使用體驗。