CSS是一種用于網頁樣式設計的語言。在網頁設計中，常常使用各種CSS效果來實現頁面的裝飾和美化。以下是一些常用的CSS效果示例。

/*設置背景顏色*/
body {
background-color: #f5f5f5;
}
/*設置字體樣式和顏色*/
p {
font-family: Arial, sans-serif;
font-size: 16px;
color: #333;
}
/*設置文字居中對齊*/
h1 {
text-align: center;
}
/*設置文本裝飾*/
a {
text-decoration: none;
}
/*設置圓角邊框*/
.button {
border-radius: 5px;
border: 1px solid #ccc;
padding: 10px;
}
/*設置陰影效果*/
.box {
box-shadow: 2px 2px 5px #ccc;
}
/*設置漸變背景*/
.gradient {
background: linear-gradient(to bottom, #f2f2f2, #ccc);
}
/*設置透明度*/
.opacity {
opacity: 0.6;
}
/*設置圖片樣式*/
img {
border-radius: 50%;
box-shadow: 2px 2px 5px #ccc;
max-width: 100%;
height: auto;
}

以上是一些常用的CSS效果示例，它們可以幫助我們快速實現各種頁面布局和樣式效果。在實際應用過程中，我們可以根據具體需求進行靈活調整，滿足不同的設計要求。