/* 設置字體顏色為紅色 */
body {
color: red;
CSS實現字體顏色
CSS是用于樣式表布局的編程語言,通過使用CSS,我們可以對網頁中的元素進行樣式設置,包括字體、顏色、大小、位置等等。在CSS中,我們可以通過設置字體顏色來實現字體的樣式設置。
下面是一個使用CSS設置字體顏色的基本示例:
```html
/* 設置字體顏色為紅色 */
body {
color: red;
在這個示例中,我們使用`body`元素來設置字體顏色為紅色。我們可以通過修改`body`元素的CSS屬性來改變字體顏色。例如,我們可以將`color`屬性設置為`#FF0000`(紅色),這將使得字體顏色為紅色。
除了使用CSS設置字體顏色外,我們還可以使用JavaScript來動態地更改字體顏色。下面是一個使用JavaScript設置字體顏色的基本示例:
```html
// 獲取當前頁面的body元素
var body = document.querySelector('body');
// 設置字體顏色為黑色
body.style.color = 'black';
// 設置字體顏色為白色
body.style.color = 'white';
在這個示例中,我們首先使用`document.querySelector()`方法來獲取當前頁面的`body`元素。然后,我們使用JavaScript的`style`屬性來設置字體顏色為黑色和白色。
需要注意的是,使用CSS和JavaScript來設置字體顏色時,需要確保使用的是標準的顏色值,而不是自定義的顏色值。否則,可能會導致瀏覽器兼容性問題。