方法
第一步：新建html文件和css文件
①在桌面新建一个文件夹，然后新建两个text文件；
②分别将text文件重命名为index.html和css.css。
第二步：输入html代码
①用记事本打开index.html文件，输入以下代码；
<html>
<head>
<title>html修改字体颜色的几种方式</title>
<link href="css.css"/>
</head>
<body>
<p>字体颜色的不同设置方法</p>
</body>
</html>
②用浏览器打开浏览效果。
第三步：标签内嵌入字体标签设置颜色
①编辑index.html，在<p>标签内输入以下代码；
<font color="#008252">字体颜色的不同设置方法</font>
②浏览器浏览效果。
第四步：标签内嵌入style样式设置颜色
①另起一行字体，并在标签内输入以下代码；
<p >
②在浏览器中检查效果。
第五步：网页内部嵌入标签选择器样式设置颜色
①给文字的<p>标签命名一个ID；
②在<head></head>之间输入以下代码；
<style>
#p1{color:#FFFF00;/*标签选择器*/}
</style>
③浏览器中查看效果。
第六步：网页内嵌入类选择器设置颜色
①给文字的标签命名一个Class；
②在<style></style>中输入以下代码；
.p1{color:#D1f3c6;/*类选择器*/}
③浏览器查看效果。
第七步：外部CSS样式设置颜色
①在网页头部输入以下连接CSS外部文件代码；
<link href="css.css"/>
②在网页中写入以下代码；
<p id="p2">字体颜色的不同设置方法</p>
<p class="p2">字体颜色的不同设置方法</p>
③用记事本方式打开css文件，输入以下代码；
④浏览器检查效果变化。
Copyright © 2019-2025 51dongshi.net 版权所有
违法及侵权请联系：TEL:177 7030 7066 E-MAIL:11247931@qq.com 本站由北京市万商天勤律师事务所王兴未律师提供法律服务
