作為前端開發(fā)人員，我們都知道CSS在網(wǎng)頁設(shè)計中的重要性。CSS可以讓網(wǎng)頁設(shè)計更加美觀，提高用戶體驗(yàn)。而今天我要介紹的是CSS平價杜克B5的效果。

/* 這是CSS樣式 */
.container{
width: 90%; /* 設(shè)置容器寬度 */
margin: 0 auto; /* 居中顯示 */
}
h1{
text-align: center; /* 文字居中 */
color: #333; /* 文字顏色 */
}
.box{
width: 80%; /* 盒子寬度 */
margin: 20px auto; /* 盒子居中 */
padding: 20px; /* 盒子內(nèi)邊距 */
background-color: #FFF; /* 盒子背景顏色 */
box-shadow: 1px 3px 5px #666; /* 盒子陰影效果 */
}
p{
line-height: 1.5; /* 文字行高 */
font-size: 16px; /* 文字大小 */
color: #666; /* 文字顏色 */
}

在這個CSS樣式中，我們首先設(shè)置了一個容器，寬度為90%，并通過margin屬性讓它居中顯示；接著我們設(shè)置了一個h1標(biāo)題，在樣式中讓文字居中顯示，顏色為#333；接下來設(shè)置了一個盒子，寬度為80%，并通過margin屬性讓它居中顯示，同時設(shè)置了內(nèi)邊距和背景顏色，最終通過box-shadow屬性給盒子添加了陰影效果；最后我們設(shè)置了p段落的樣式，包括行高、文字大小和顏色。

通過應(yīng)用這個CSS樣式，我們可以讓網(wǎng)頁看起來更加優(yōu)美和舒適，同時也可以提高用戶體驗(yàn)。