当前位置:科普知识站>IT科技>

html如何设置字体颜色

IT科技 阅读(2.9W)
html如何设置字体颜色呢?下面我来教大家吧!

方法

第一步:新建html文件和css文件
①在桌面新建一个文件夹,然后新建两个text文件;
②分别将text文件重命名为index.html和css.css。

html如何设置字体颜色

第二步:输入html代码
①用记事本打开index.html文件,输入以下代码;
<html>
<head>
<title>html修改字体颜色的几种方式</title>
<link href="css.css"/>
</head>
<body>
<p>字体颜色的不同设置方法</p>
</body>
</html>
②用浏览器打开浏览效果。

html如何设置字体颜色 第2张

第三步:标签内嵌入字体标签设置颜色
①编辑index.html,在<p>标签内输入以下代码;
<font color="#008252">字体颜色的不同设置方法</font>
②浏览器浏览效果。

html如何设置字体颜色 第3张

第四步:标签内嵌入style样式设置颜色
①另起一行字体,并在标签内输入以下代码;
<p >
②在浏览器中检查效果。

html如何设置字体颜色 第4张

第五步:网页内部嵌入标签选择器样式设置颜色
①给文字的<p>标签命名一个ID;
②在<head></head>之间输入以下代码;
<style>
#p1{color:#FFFF00;/*标签选择器*/}
</style>
③浏览器中查看效果。

html如何设置字体颜色 第5张

第六步:网页内嵌入类选择器设置颜色
①给文字的标签命名一个Class;
②在<style></style>中输入以下代码;
.p1{color:#D1f3c6;/*类选择器*/}
③浏览器查看效果。

html如何设置字体颜色 第6张

第七步:外部CSS样式设置颜色
①在网页头部输入以下连接CSS外部文件代码;
<link href="css.css"/>
②在网页中写入以下代码;
<p id="p2">字体颜色的不同设置方法</p>
<p class="p2">字体颜色的不同设置方法</p>
③用记事本方式打开css文件,输入以下代码;
④浏览器检查效果变化。

html如何设置字体颜色 第7张