CSS是一種用于美化HTML網(wǎng)頁(yè)的語(yǔ)言，它可以改變文本和圖像的樣式，讓網(wǎng)頁(yè)更加吸引人。本文將介紹如何使用CSS美化文本和圖像。

/* 文本樣式 */
p {
font-size: 20px; /* 設(shè)置字體大小為20像素 */
color: #333; /* 設(shè)定字體顏色為深灰色 */
font-family: Arial, sans-serif, '微軟雅黑'; /* 設(shè)置字體為Arial或者sans-serif或者微軟雅黑 */
line-height: 1.5; /* 設(shè)置行高為1.5倍字體大小 */
text-align: center; /* 居中對(duì)齊文字 */
text-decoration: underline; /* 為文本添加下劃線 */
text-shadow: 2px 2px 2px #888; /* 添加文本陰影 */
}
/* 圖像樣式 */
img {
border: 3px solid #ddd; /* 設(shè)置圖片邊框 */
border-radius: 50%; /* 將圖片變成圓形 */
box-shadow: 2px 2px 5px #888; /* 添加圖片陰影 */
filter: grayscale(50%); /* 把圖片變成灰度圖像 */
max-width: 100%; /* 設(shè)置圖片最大寬度為100% */
}

在上面的例子中，我們借助CSS屬性來(lái)對(duì)文本和圖像進(jìn)行美化。其中，我們使用了如下CSS屬性：

/* 文本樣式 */
font-size：設(shè)置字體大小
color：設(shè)置文字顏色
font-family：設(shè)置字體
line-height：設(shè)置行高
text-align：設(shè)置文本對(duì)齊方式
text-decoration：設(shè)置裝飾線
text-shadow：為文本添加陰影
/* 圖像樣式 */
border：設(shè)置圖片邊框
border-radius：把圖片變成圓形
box-shadow：為圖片添加陰影
filter：把圖片變成灰度圖像
max-width：設(shè)置圖片最大寬度

通過(guò)使用這些屬性，我們可以輕松地改變文本和圖像的樣式，實(shí)現(xiàn)個(gè)性化的網(wǎng)頁(yè)美化效果。