在web開發中，CSS是不可或缺的一部分。它可以為網頁添加各種各樣的效果，包括顏色、字體、背景圖像等等。以下是一些常見的PC端CSS效果的示例：

/* 1. 文字陰影效果 */
.text-shadow {
text-shadow: 1px 1px 2px #ccc;
}
/* 2. 漸變背景色 */
.gradient-bg {
background: linear-gradient(to bottom, #666 0%, #999 50%, #ccc 100%);
}
/* 3. 懸浮效果 */
.hover-effect {
transition: all .3s ease;
}
.hover-effect:hover {
transform: translateY(-5px);
box-shadow: 0px 5px 5px #ccc;
}
/* 4. 圖片圓角 */
.rounded-img {
border-radius: 50%;
}
/* 5. 模糊效果 */
.blur-effect {
filter: blur(3px);
}
/* 6. 淡入淡出效果 */
.fade-effect {
opacity: 0;
transition: opacity .5s ease;
}
.fade-effect:hover {
opacity: 1;
}
/* 7. 動畫效果 */
@keyframes slideInRight {
from {
transform: translateX(100%);
}
to {
transform: translateX(0%);
}
}
.slide-effect {
animation: slideInRight .5s ease;
}

除了上述示例，還有許多其他的CSS效果可以用于美化網頁，如：旋轉、放大縮小、閃爍等等。而在具體應用中，我們需要根據網站的風格和需求選擇合適的效果來達到更好的效果。