HTML文本與CSS屬性的***結(jié)合，可以創(chuàng)造出豐富多彩的網(wǎng)頁效果，在編寫HTML文本時(shí)，我們可以利用CSS屬性來裝飾和美化我們的網(wǎng)頁，下面是一些基本的CSS屬性及其代碼示例，幫助你更好地掌握HTML文本與CSS屬性的搭配使用。

1、顏色：CSS中的color屬性可以用來設(shè)置HTML文本的顏色，將文本顏色設(shè)置為紅色：

<p style="color: red;">這是一段紅色的文本。</p>

2、字體：CSS中的font-family屬性可以用來設(shè)置HTML文本的字體，將字體設(shè)置為Arial：

<p style="font-family: Arial;">這是一段使用Arial字體的文本。</p>

3、大小：CSS中的font-size屬性可以用來設(shè)置HTML文本的大小，將字體大小設(shè)置為24像素：

<p style="font-size: 24px;">這是一段24像素大小的文本。</p>

4、加粗：CSS中的font-weight屬性可以用來設(shè)置HTML文本的加粗效果，將文本加粗顯示：

<p style="font-weight: bold;">這是一段加粗的文本。</p>

5、斜體：CSS中的font-style屬性可以用來設(shè)置HTML文本的斜體效果，將文本斜體顯示：

<p style="font-style: italic;">這是一段斜體的文本。</p>

6、下劃線：CSS中的text-decoration屬性可以用來設(shè)置HTML文本的下劃線效果，將文本下劃線顯示：

<p style="text-decoration: underline;">這是一段下劃線的文本。</p>

7、居中對(duì)齊：CSS中的text-align屬性可以用來設(shè)置HTML文本的居中對(duì)齊效果，將文本居中對(duì)齊顯示：

<p style="text-align: center;">這是一段居中對(duì)齊的文本。</p>

8、背景顏色：CSS中的background-color屬性可以用來設(shè)置HTML元素的背景顏色，將段落背景顏色設(shè)置為黃色：

<p style="background-color: yellow;">這是一段帶有黃色背景色的文本。</p>

9、邊框：CSS中的border屬性可以用來設(shè)置HTML元素的邊框樣式，將段落邊框設(shè)置為2像素寬的黑色實(shí)線：

<p style="border: 2px solid black;">這是一段帶有邊框的文本。</p>

10、內(nèi)邊距：CSS中的padding屬性可以用來設(shè)置HTML元素的內(nèi)邊距，將段落內(nèi)邊距設(shè)置為10像素：

```html

<p style="padding: 10px;">這是一段帶有10像素內(nèi)邊距的文本。</p>

```