CSS是前端開發必備的技能之一，它可以為我們的網站添加各種樣式和效果，讓網站更加美觀和易于使用。下面是一些CSS效果的截圖及說明。

/* 添加下劃線效果 */
a {
text-decoration: underline;
}
/* 添加漸變背景 */
div {
background: linear-gradient(to bottom, #ffcccc 0%, #ff99cc 100%);
}
/* 添加動態陰影 */
div {
box-shadow: 0 0 10px #999;
transition: box-shadow 0.3s ease-in-out;
}
div:hover {
box-shadow: 0 0 20px #666;
}

第一個效果是添加下劃線。使用text-decoration屬性設置下劃線，可以應用于鏈接等元素。下面是一個例子：

第二個效果是添加漸變背景。使用background屬性設置背景顏色，可以使用linear-gradient函數生成漸變。下面是一個例子：

第三個效果是添加動態陰影。使用box-shadow屬性設置陰影，可以設置陰影的顏色、模糊半徑和偏移量等。另外使用transition屬性設置動態變化，當鼠標經過時陰影擴大。下面是一個例子：

這些效果只是CSS可以實現的眾多效果中的一部分，希望大家可以通過不斷的實踐和嘗試，學會更多有用的CSS技巧。