CSS3是現(xiàn)代網(wǎng)頁設(shè)計(jì)中的一個重要技術(shù)，可以對網(wǎng)頁進(jìn)行更好的美化和定制。下面我們來介紹四種常見的CSS3局部技術(shù)。

圓角邊框

.box{
border-radius: 10px;
}

通過設(shè)置`border-radius`屬性，可以實(shí)現(xiàn)元素的圓角效果。圓角半徑越大，效果越明顯。此外，還可以通過`border-top-left-radius`、`border-top-right-radius`、`border-bottom-left-radius`、`border-bottom-right-radius`等屬性進(jìn)行角度單獨(dú)控制。

陰影效果

.box{
box-shadow: 5px 5px 5px #888888;
}

通過設(shè)置`box-shadow`屬性，可以為元素添加陰影效果。屬性值包含水平偏移量、垂直偏移量、模糊半徑和顏色。模糊半徑越大，陰影越模糊。

透明度

.box{
opacity: 0.5;
}

通過設(shè)置`opacity`屬性，可以控制元素的透明度。值為0時(shí)元素完全透明，值為1時(shí)元素完全不透明。當(dāng)為父元素設(shè)置透明度時(shí)，子元素同樣會應(yīng)用這個透明度。

漸變顏色

.box{
background: linear-gradient(to bottom, #f9a45b, #f46a4e);
}

通過設(shè)置`background`屬性，可以為元素設(shè)置漸變背景顏色。`linear-gradient`為線性漸變，`to bottom`表示漸變從上到下。漸變可使用兩種及以上的顏色值，之間用逗號隔開。