CSS產(chǎn)生三角形陰影是在網(wǎng)頁設(shè)計(jì)中經(jīng)常運(yùn)用到的技巧，下面介紹一下如何實(shí)現(xiàn)。

.shadow {
position: relative;
width: 0;
height: 0;
border-top: 50px solid #333;
border-right: 50px solid transparent;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

上面的代碼使用了CSS的border屬性，其中，border-top表示上邊框的樣式，border-right表示右邊框的樣式，其余兩邊為透明。由于三角形的寬和高都為0，因此需要通過border-top來控制三角形的大小。

box-shadow屬性用于產(chǎn)生陰影效果，其中，第一個(gè)參數(shù)是水平偏移量，第二個(gè)參數(shù)是垂直偏移量，第三個(gè)參數(shù)是陰影的模糊半徑，第四個(gè)參數(shù)是陰影的顏色。通過調(diào)整這些參數(shù)，可以獲得不同的陰影效果。

最后需要注意的是，三角形需要設(shè)置position: relative;屬性，使box-shadow屬性可以在其周圍產(chǎn)生陰影效果。