在網頁設計中，文字和圖片排版是非常重要的一環。而 CSS 圖文樣式可以幫助我們更好地美化文字和圖片。

在 CSS 中，文字樣式主要包括字體屬性、字體大小、字體顏色等。字體屬性可以設置成系統默認字體，也可以使用自定義字體。字體大小可以設置成固定像素或相對大小。字體顏色則可以使用 RGB、HEX 或顏色名稱來進行設置。

/* 設置字體樣式 */
body {
font-family: Arial, sans-serif; /* 設置字體 */
font-size: 16px; /* 設置字體大小 */
color: #333; /* 設置字體顏色 */
}

對于圖片的樣式，我們可以使用 CSS 來控制圖片的大小、邊框以及間距等。最常見的是使用width和height屬性來設置圖片的大小。邊框可以設置成實線、虛線等樣式，并且可以選擇顏色和寬度。間距可以通過margin和padding屬性來進行設置。

/* 設置圖片樣式 */
img {
width: 100px; /* 設置圖片寬度 */
height: 100px; /* 設置圖片高度 */
border: 1px solid #ddd; /* 設置邊框 */
margin: 10px; /* 設置外邊距 */
padding: 5px; /* 設置內邊距 */
}

在實際應用中，我們可以將文字和圖片混合使用，并通過 CSS 進行美化，以獲得更好的用戶體驗。