CSS中，我們可以使用box-shadow屬性來(lái)給一個(gè)變寬的元素添加陰影，這個(gè)屬性可以接收四個(gè)值，分別代表陰影的偏移量、模糊半徑、顏色以及陰影類型，下面是一個(gè)具體的例子：

.box {
    width: 200px;
    height: 100px;
    background-color: #f00;
    box-shadow: 10px 10px 5px #000;
}

在這個(gè)例子中，.box類定義了一個(gè)寬度為200px、高度為100px的盒子，背景顏色為紅色。box-shadow屬性則給這個(gè)盒子添加了一個(gè)偏移量為10px、模糊半徑為5px、顏色為黑色的陰影。

需要注意的是，box-shadow屬性的四個(gè)值可以按需調(diào)整，以達(dá)到不同的效果，你可以調(diào)整偏移量來(lái)讓陰影出現(xiàn)在盒子的不同位置，調(diào)整模糊半徑來(lái)控制陰影的模糊程度，調(diào)整顏色來(lái)改變陰影的顏色。

box-shadow屬性還支持一些其他特性，比如內(nèi)陰影（通過(guò)添加inset關(guān)鍵字來(lái)實(shí)現(xiàn)），這些特性可以進(jìn)一步豐富你的CSS設(shè)計(jì)。

使用box-shadow屬性，你可以輕松地在CSS中為變寬的元素添加陰影，提升設(shè)計(jì)的視覺(jué)效果。