本文目錄導讀：

1. 使用color屬性
2. 使用背景色屬性
3. 使用border屬性
4. 使用box-shadow屬性

CSS文字框顏色修改詳解

在CSS中，我們可以使用多種方法來改變文字框的顏色，以下是一些常見的技巧：

使用color屬性

CSS的color屬性可以用來設(shè)置文字的顏色，如果你想將文字顏色設(shè)置為紅色，可以使用以下代碼：

p {
  color: red;
}

這段代碼會將所有段落（p元素）的文字顏色設(shè)置為紅色，你也可以將顏色設(shè)置為十六進制顏色值，如：

p {
  color: #ff0000;
}

使用背景色屬性

除了使用color屬性，我們還可以使用背景色屬性來設(shè)置文字框的顏色，使用以下代碼可以將文字框的背景色設(shè)置為黃色：

p {
  background-color: yellow;
}

這段代碼會將所有段落（p元素）的背景色設(shè)置為黃色，注意，這并不會改變文字的顏色，而是改變文字框的背景色。

使用border屬性

我們還可以使用border屬性來設(shè)置文字框的顏色，使用以下代碼可以將文字框的邊框色設(shè)置為藍色：

p {
  border: 1px solid blue;
}

這段代碼會將所有段落（p元素）的邊框色設(shè)置為藍色，注意，這并不會改變文字的顏色或背景色，而是改變文字框的邊框色。

使用box-shadow屬性

我們還可以使用box-shadow屬性來設(shè)置文字框的顏色和樣式，使用以下代碼可以給文字框添加一個藍色的陰影：

p {
  box-shadow: 0 0 5px blue;
}

這段代碼會給所有段落（p元素）添加一個藍色的陰影，注意，這并不會改變文字的顏色、背景色或邊框色，而是給文字框添加一個額外的視覺效果。