<div> 標簽是 HTML 中的一個重要元素，用于創(chuàng)建一個區(qū)塊，可以包含文本、圖像、表格和其他 HTML 元素。在 <div> 元素中，我們可以通過 CSS 來設置各種樣式，包括字體。本文將詳細討論如何使用 CSS 來設置 <div> 內(nèi)容的字體樣式。
，我們來看一個簡單的例子。假設我們有一個 <div> 元素，其中包含一段文字。我們想要將這段文字的字體樣式設置為 Arial、紅色、字號為 20 像素。我們可以使用以下 CSS 樣式來實現(xiàn)這個效果：

示例 1: 使用 CSS 設置 <div> 內(nèi)容的字體樣式

<style>
.content {
font-family: Arial;
color: red;
font-size: 20px;
}
</style>
<br>
  <div class="content">
這是一段文字。
</div>

在上面的代碼中，我們定義了一個 CSS 樣式塊。通過選擇器 ".content"，我們將這個樣式應用于包含內(nèi)容的 <div> 元素。然后，我們通過設置 "font-family" 屬性為 "Arial"，"color" 屬性為 "red"，"font-size" 屬性為 "20px" 來設置字體樣式。最后，在 <div> 元素中使用該樣式類。
除了設置字體樣式外，我們還可以進一步調(diào)整字體的大小、粗細、斜體等樣式。以下是另一個例子，展示如何設置字體大小為 24 像素、粗體、斜體的 <div> 內(nèi)容：

示例 2: 設置字體大小、粗細、斜體

<style>
.content {
font-size: 24px;
font-weight: bold;
font-style: italic;
}
</style>
<br>
  <div class="content">
這是一段粗體、斜體的文字。
</div>

在上面的代碼中，我們使用了 "font-size" 屬性設置字體大小為 24 像素、"font-weight" 屬性設置為 "bold" 實現(xiàn)粗體效果、"font-style" 屬性設置為 "italic" 實現(xiàn)斜體效果。
此外，我們還可以利用 Google Fonts 等外部字體庫來設置 <div> 內(nèi)容的字體樣式。以下是一個使用 Google Fonts 設置字體樣式的例子：

示例 3: 使用 Google Fonts 設置字體樣式

<style>
.content {
font-family: 'Roboto', sans-serif;
font-size: 20px;
}
</style>
<br>
  <link  rel="stylesheet">
<br>
  <div class="content">
這是一段使用了 Google Fonts 的文字。
</div>

在上面的代碼中，我們引入了一個外部樣式表，該樣式表定義了 Google Fonts 中的 'Roboto' 字體，我們通過 "font-family" 屬性來設置字體樣式。在 <div> 元素中使用該樣式類即可將文字應用為 'Roboto' 字體。
總之，利用 CSS 可以輕松設置 <div> 內(nèi)容的字體樣式，包括字體、字號、顏色以及其他樣式特性。在自己的網(wǎng)頁中，可以根據(jù)需要選擇適合的字體樣式來優(yōu)化顯示效果。以上示例僅為初級示例，實際應用中可根據(jù)需要進一步添加樣式屬性、調(diào)整樣式數(shù)值以滿足自己的需求。