CSS作為前端技術的重要組成部分，增加網頁特效也是極其重要的一點。以下是一些常見的CSS網頁特效代碼：

/* 給文字添加陰影 */
text-shadow: 1px 1px 1px #333;
/* 文字下劃線 */
text-decoration: underline;
/* 給圖片添加陰影 */
box-shadow: 5px 5px 5px #333;
/* 常見的圖片hover效果，實現圖片變暗 */
img:hover {
opacity: 0.5;
}
/* 按鈕hover效果，增加陰影和變暗 */
button:hover {
box-shadow: 3px 3px 3px #333;
opacity: 0.7;
}
/* 懸浮效果，圖片縮放 */
img:hover {
transform: scale(1.2);
}
/* 懸浮效果，文字透明度變化 */
p:hover {
opacity: 0.7;
}
/* 懸浮效果，文字移動 */
span:hover {
transform: translate(20px, 0px);
}

以上是一些常見的CSS網頁特效代碼，在實際開發中，可以結合這些代碼實現更加炫酷的網頁效果。