在網(wǎng)頁(yè)設(shè)計(jì)中，CSS是不可或缺的一部分。通過(guò)運(yùn)用不同的CSS效果，您可以使網(wǎng)站內(nèi)容更加有趣、吸引人。下面是一些常見(jiàn)的好用的CSS效果。

/* 文字特效 */
h1 {
font-size: 50px;
color: crimson;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}
/* 圖片特效 */
img {
opacity: 0.8;
transition: opacity 0.5s ease-in-out;
}
img:hover {
opacity: 1;
}
/* 按鈕特效 */
button {
border: none;
border-radius: 5px;
color: #fff;
background-color: teal;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}
button:hover {
background-color: cadetblue;
cursor: pointer;
}
/* 下拉菜單 */
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
position: absolute;
top: 100%;
left: 0;
display: none;
}
.dropdown:hover .dropdown-content {
display: block;
}

通過(guò)使用這些CSS效果，您可以使您的網(wǎng)站更加生動(dòng)、有趣, 吸引到更多的訪問(wèn)者。