CSS是網(wǎng)頁制作中的重要組成部分，可以為網(wǎng)頁元素添加各種不同的樣式效果。下面我們將介紹一些常用的CSS樣式代碼及其效果。

/* 文字樣式 */
p {
font-size: 16px; /* 設(shè)置字體大小為16px */
font-family: Arial, sans-serif; /* 設(shè)置字體為Arial或sans-serif字體 */
color: #333; /* 設(shè)置文字顏色為#333 */
}
/* 背景樣式 */
body {
background-color: #f5f5f5; /* 設(shè)置背景顏色為#f5f5f5 */
background-image: url(bg.jpg); /* 設(shè)置背景圖像為bg.jpg */
background-repeat: repeat-y; /* 設(shè)置背景圖像縱向重復(fù) */
}
/* 邊框樣式 */
div {
border: 1px solid #ccc; /* 設(shè)置邊框?yàn)?像素實(shí)線，顏色為#ccc */
border-radius: 5px; /* 設(shè)置圓角半徑為5像素 */
}
/* 鼠標(biāo)樣式 */
a:hover {
color: #f00; /* 鼠標(biāo)經(jīng)過鏈接時(shí)文字顏色變?yōu)榧t色 */
cursor: pointer; /* 鼠標(biāo)樣式變?yōu)槭中?*/
}
/* 漸變樣式 */
h1 {
background-image: linear-gradient(to right, #f00, #00f); /* 設(shè)置背景顏色為水平漸變色 */
-webkit-background-clip: text; /* 設(shè)置漸變只在文字部分出現(xiàn)，并透明 */
-webkit-text-fill-color: transparent;
}

以上是一些常用的CSS樣式代碼及其效果，如果想要學(xué)習(xí)更多CSS內(nèi)容，可以查閱相關(guān)書籍或者網(wǎng)絡(luò)資源。