CSS是用來裝飾網(wǎng)頁(yè)的一種語(yǔ)言，可以通過CSS來設(shè)置圖片和文字的樣式。在這篇文章中我們將會(huì)介紹如何使用CSS來設(shè)置圖片和文字的樣式，讓你的網(wǎng)頁(yè)更加美觀和吸引人。

/* 設(shè)置圖片樣式 */
img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
/* 設(shè)置文字樣式 */
p {
font-family: Arial, sans-serif;
font-size: 16px;
line-height: 1.5;
color: #333;
text-align: justify;
margin: 20px 0;
}

上面的代碼展示了如何設(shè)置圖片和文字的樣式。首先是圖片，我們把圖片的最大寬度設(shè)置為100%（即不超過父容器的寬度），高度自動(dòng)適應(yīng)，通過display:block讓圖片成為一個(gè)塊級(jí)元素，在margin:auto的幫助下實(shí)現(xiàn)居中顯示。接下來是文字的樣式，我們選擇一種通用的字體——Arial，字號(hào)為16px，行高為1.5，顏色為#333，文本對(duì)齊方式為左右對(duì)齊，并設(shè)置margin為20px 0。

通過這些樣式的設(shè)置，我們可以讓圖片和文字更加協(xié)調(diào)、美觀，提高網(wǎng)頁(yè)的整體質(zhì)量。當(dāng)然，這只是CSS的基礎(chǔ)用法，還有更多的樣式屬性可以讓你進(jìn)行深入的探索。希望這篇文章對(duì)你有所啟發(fā)，幫助你更加靈活地運(yùn)用CSS來設(shè)置圖片和文字的樣式。