CSS，也叫層疊樣式表，用于美化網頁，使得網頁更加生動、美觀、易于使用。本文將介紹一些常見的CSS效果。

要實現CSS效果，需要使用CSS屬性。以下是兩個常見的CSS屬性：

/* 顏色屬性 */
color: red;
/* 邊框屬性 */
border: 1px solid black;

在上面的代碼中，我們使用了顏色屬性和邊框屬性。其中，顏色屬性用于設置文本顏色，它還可以設置背景色等。邊框屬性用于設置元素的邊框樣式，它可以設置邊框寬度、邊框顏色等。

接下來，我們將使用這些屬性，實現一些常見的CSS效果。

1. 文本居中

/* 設置元素的寬度和高度 */
.box {
width: 200px;
height: 200px;
}
/* 讓文本居中 */
.center {
text-align: center;
line-height: 200px;
}

在上面的代碼中，我們使用text-align屬性將文本居中，并使用line-height屬性讓文本與元素垂直居中。

2. 圓形圖像

/* 設置元素的寬度和高度 */
.box {
width: 100px;
height: 100px;
border-radius: 50%;
}
/* 設置背景圖片和背景顏色 */
.circle {
background-color: red;
background-image: url('circle.png');
background-repeat: no-repeat;
background-position: center;
}

在上面的代碼中，我們使用border-radius屬性將元素變成圓形，并使用background-image屬性設置背景圖片，background-repeat屬性設置背景圖片不重復，background-position屬性設置背景圖片居中顯示。

3. 陰影效果

/* 設置元素的寬度和高度 */
.box {
width: 200px;
height: 200px;
box-shadow: 10px 10px 5px grey;
}

在上面的代碼中，我們使用box-shadow屬性設置元素的陰影效果。其中，第一個參數表示陰影在水平方向上的偏移量，第二個參數表示陰影在垂直方向上的偏移量，第三個參數表示陰影的模糊半徑，第四個參數表示陰影的顏色。

CSS提供了很多屬性和效果，以上只是其中的一小部分。希望通過這篇文章，您可以更好地掌握CSS的使用方法，給網頁加上更多的亮點。