html网页怎么设置字体颜色

html-css08

html网页怎么设置字体颜色,第1张

字体颜色在网页设计中是最常见的功能之一,复杂的页面每个页面都会有多种字体颜色。html设置字体颜色的方式,有如下几种。

1、首先在桌面新建一个文件夹,然后新建两个text文件;分别将text文件重命名为index.html和css.css。

2、用记事本打开index.html文件,输入以下代码。

3、用浏览器打开浏览效果。

4、编辑index.html,在<p>标签内输入以下代码;<font color="#008252">字体颜色的不同设置方法</font>。

5、浏览器浏览效果,这样就完成了。

HTML设置字体颜色常用的有三种方式:

方式一:HTML命令方式

<font color="red">这里是红色</font>

方式二:内联CCS样式

<div style="color:blue">这里是蓝色</div>

方式三:独立CCS样式

<div id="div1">这里是绿色</div>

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>字体颜色设置</title>

<style>

#div1 {

    color: green

}

</style>

</head>

<body>

<font color="red">这里是红色</font>

<div style="color:blue">这里是蓝色</div>

<div id="div1">这里是绿色</div>

</body>

</html>

以下是显示结果: