CSS是一種用于網頁布局和樣式設計的語言，它能夠給你的網站添加美觀的視覺效果，并使你的網站更加易于使用。在CSS中，使用函數能夠輕松的實現各種效果，下面我們來看看如何在CSS樣式中使用函數。

/*函數的語法是xxx（參數）*/
/*在文本中添加陰影*/
p {
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}
/*在元素周圍添加邊框*/
p {
border: 2px solid rgba(0, 0, 0, 0.2);
}
/*使用顏色函數來給元素一個漸變的背景*/
p {
background: linear-gradient(to bottom, #009acd, #0072bc);
}
/*使用calc（）函數計算元素的大小*/
p {
width: calc(100% - 50px);
}
/*使用viewport單位來控制元素的大小*/
p {
font-size: 5vw;
}
/*使用URL函數來添加背景圖片*/
p {
background-image: url(../images/background.jpg);
}

CSS中還有很多其他的函數，例如透明度函數、動畫函數等等，使用這些函數能夠更方便地實現各種效果，使網站內容更加生動有趣。