眾所周知，CSS是網頁設計中十分重要的一部分，而圓角與陰影的設計更是讓網頁看起來更加美觀。那么，如何在CSS中實現圓角和陰影呢？接下來我們來一起學習一下吧。

.example {
border-radius: 10px; /* 圓角 */
box-shadow: 5px 5px 5px #888; /* 陰影 */
}

上述代碼就是將圓角和陰影應用到一個class為example的元素中。其中，border-radius屬性控制著元素的圓角大小，單位為像素。而box-shadow屬性則是用來設置元素的陰影效果，其中第一個參數是表示水平方向的偏移量，第二個參數是表示垂直方向的偏移量，第三個參數則是用來設置模糊度，最后一個參數則是用來設置陰影顏色。

除了上述的基本應用之外，還有一些進階的應用方法，例如讓元素的陰影不出現在其中的文字上方，可以使用以下代碼：

.example {
border-radius: 10px;
box-shadow: inset 5px 5px 5px #888; /* 陰影 */
}

其中，inset關鍵字表示陰影應該出現在元素內部，而不是外部。這樣做的話，就可以避免陰影與文字重疊的問題。

最后，希望大家能夠學以致用，利用CSS的圓角和陰影屬性，為自己的網頁設計添加更多的美感。