在我們日常網(wǎng)頁設計中，經(jīng)常會用到文字和圖片，如何能讓他們協(xié)調地展現(xiàn)在我們的頁面呢？這時候，CSS就發(fā)揮了重要的作用。下面就來介紹一下如何將文字和圖片一齊使用CSS進行美化。

1. 文字樣式

p {
font-size: 16px;
color: #333;
line-height: 1.5;
}

在CSS中，可以通過font-size屬性設置文字大小，color屬性設置文字顏色，line-height屬性設置行高，實現(xiàn)文字的美化。這里我們設置文字字號為16px，顏色為#333，行高為1.5。當然，我們還可以設置其他的屬性，如字體、字重等等。

2. 圖片樣式

img {
max-width: 100%;
border-radius: 5px;
box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
}

在CSS中，通過設置max-width屬性，可以讓圖片的寬度自適應父容器，并保持比例；通過設置border-radius屬性，可以實現(xiàn)圖片的圓角效果；通過設置box-shadow屬性，可以實現(xiàn)圖片的陰影效果。另外，還可以通過設置圖片的margin、padding屬性，實現(xiàn)圖片的對齊和居中等效果。

3. 文字圖片一齊樣式

p img {
float: left;
margin: 0 10px 10px 0;
}

在CSS中，通過設置p img選擇器，可以讓文字和圖片樣式結合起來。例如，這里我們設置圖片浮動到左側，同時設置文字與圖片之間的margin和padding，實現(xiàn)良好的展示效果。

總結：上面介紹了如何使用CSS對文字和圖片進行美化，當然，這里只是給大家舉了幾個例子。在實際的開發(fā)過程中，我們還可以通過設置其他屬性，如定位、透明度等等，實現(xiàn)更多的效果。