CSS 單擊改變字體顏色

CSS 是一種用于創建網頁樣式的語言，可以通過編寫樣式表來定義網頁的布局、字體、顏色等。通過使用 CSS 樣式，可以控制網頁上的元素的外觀和行為，使得網頁更加美觀和易于使用。

單擊是用戶與網頁進行交互的一種方式，可以通過單擊來改變字體顏色。在 CSS 中，可以通過使用 `button` 標簽和 `color` 屬性來單擊改變字體顏色。

下面是一個示例代碼，演示如何使用 CSS 單擊改變字體顏色：

```html

<button type="button" onclick=" changeColor('red')">改變字體顏色</button>

<style>

button {

background-color: #f00;

color: #fff;

padding: 10px;

border: none;

.red {

color: red;

</style>

在上面的代碼中，我們定義了一個 `button` 標簽，并添加了一個 `background-color` 屬性來設置按鈕的背景顏色為紅色。我們還添加了一個 `color` 屬性來設置按鈕的字體顏色為紅色。最后，我們定義了一個 `.red` 類名，并將其應用于按鈕的樣式，以設置按鈕的顏色為紅色。

當我們單擊按鈕時，會觸發一個 JavaScript 函數，該函數使用 `changeColor` 函數來更改字體顏色。`changeColor` 函數接受一個字符串參數，該參數指定要更改字體顏色的名稱。例如，如果我們要將字體顏色更改為綠色，可以使用以下代碼：

```javascript

function changeColor(color) {

document.getElementById('color').innerHTML = color;

在上面的代碼中，我們定義了一個 `id` 屬性來指定要更改字體顏色的元素，并添加了一個 `changeColor` 函數，該函數接受一個字符串參數，該參數指定要更改字體顏色的名稱。當我們單擊按鈕時，會調用 `changeColor` 函數，并將要更改字體顏色的名稱替換為指定的名稱。

通過使用 CSS 和 JavaScript，我們可以單擊來改變字體顏色，從而實現各種交互效果。這使得網頁更加美觀和易于使用，并且可以幫助用戶更好地理解和瀏覽網頁。