用 CSS 設置文本和圖片

隨著互聯網的發展，網頁設計已經成為了一種基本技能。在網頁中，文本和圖片是非常重要的元素，如何使用 CSS 來設置它們已經成為了網頁設計師們需要掌握的技能之一。本文將介紹如何使用 CSS 設置文本和圖片。

一、設置文本

設置文本可以使用 CSS 的 `font-family` 和 `font-size` 屬性來設置。例如，我們可以將文本設置為以下樣式：

font-family: Arial, sans-serif;

font-size: 16px;

上述代碼將設置文本為 Arial 字體，大小為 16 像素。我們還可以使用多個字體和字號來設置文本，如下所示：

font-family: Arial, sans-serif;

font-size: 16px;

font-weight: bold;

上述代碼將設置文本為 Arial 字體，大小為 16 像素，并添加一個 bold 樣式。

除了字體和字號，我們還可以使用其他樣式來設置文本，例如陰影、加粗、斜體等等。如下所示：

text-shadow: 2px 2px #ff0000;

font-weight: bold;

上述代碼將設置文本為 Arial 字體，大小為 16 像素，并添加一個 bold 樣式，同時使用一個陰影效果。

二、設置圖片

設置圖片可以使用 CSS 的 `background` 和 `border` 屬性來設置。例如，我們可以將圖片設置為以下樣式：

background-size: cover;

上述代碼將設置圖片為全屏顯示，并且使用 cover 樣式來設置圖片的大小。

除了圖片地址，我們還可以使用其他地址和樣式來設置圖片。例如：

background-size: cover;

background-position: center top;

上述代碼將設置圖片為全屏顯示，并且使用 center 樣式來設置圖片的位置。

通過使用 CSS 的 `font-family` 和 `font-size` 屬性來設置文本和圖片，我們可以輕松地在網頁中設置文本和圖片的樣式。除此之外，我們還可以使用 `background` 和 `border` 屬性來設置圖片，并且可以使用多種樣式來設置文本。掌握了這些方法，我們就能夠更加輕松地設計漂亮的網頁。