CSS（層疊樣式表）是在網(wǎng)頁(yè)設(shè)計(jì)中經(jīng)常使用的一種技術(shù)，能夠使網(wǎng)頁(yè)的表現(xiàn)更加美觀、生動(dòng)。下面為大家介紹一些常用的CSS效果，幫助網(wǎng)頁(yè)設(shè)計(jì)師更好地制作網(wǎng)頁(yè)。

/* 1. 字體效果 */
/* 改變字體顏色 */
p {
color: #333;
}
/* 文字加粗 */
h1 {
font-weight: bold;
}
/* 傾斜字體 */
i {
font-style: italic;
}
/* 下劃線 */
u {
text-decoration: underline;
}
/* 2. 背景效果 */
/* 改變背景顏色 */
body {
background-color: #f5f5f5;
}
/* 設(shè)置背景圖像 */
body {
background-image: url(bg.jpg);
}
/* 背景圖像平鋪 */
body {
background-repeat: repeat;
}
/* 縮放背景圖像 */
body {
background-size: cover;
}
/* 3. 邊框效果 */
/* 實(shí)線邊框 */
.box {
border: 1px solid #ccc;
}
/* 虛線邊框 */
.box {
border: 1px dashed #ccc;
}
/* 圓角邊框 */
.box {
border-radius: 5px;
}
/* 4. 懸停效果 */
/* 懸停時(shí)改變字體顏色 */
a:hover {
color: red;
}
/* 懸停時(shí)放大圖像 */
img:hover {
transform: scale(1.2);
}
/* 5. 漸變效果 */
/* 線性漸變 */
.box {
background: linear-gradient(to bottom, #fff, #000);
}
/* 徑向漸變 */
.box {
background: radial-gradient(#fff, #000);
}

以上是常見的CSS效果集錦，除此之外還有很多其他的效果可供使用。希望這些示例能夠?qū)Υ蠹矣兴鶐椭玫貞?yīng)用CSS技術(shù)制作網(wǎng)站。