1、新建html文档，在body标签中添加p标签，然后在p标签中添加一些文字：
2、在head标签中添加style标签，style标签的作用是为元素添加样式，然后在style标签中添加“p{ }”，p指的是为所有p标签设置样式，大括号内填写样式内容：
3、在大括号内添加“color”属性，属性值为文本颜色，这时字体就被添加上了颜色：
字体颜色在网页设计中是最常见的功能之一，复杂的页面每个页面都会有多种字体颜色。html设置字体颜色的方式，有如下几种。
1、首先在桌面新建一个文件夹，然后新建两个text文件；分别将text文件重命名为index.html和css.css。
2、用记事本打开index.html文件，输入以下代码。
3、用浏览器打开浏览效果。
4、编辑index.html，在<p>标签内输入以下代码；<font color="#008252">字体颜色的不同设置方法</font>。
5、浏览器浏览效果，这样就完成了。
第一种：内嵌样式改变p标签内字体颜色.(p标签可换为页面body标签内，其它绝大部分标签！)<!doctype html>
<html>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<head>
<title>颜色标签</title>
</head>
<body>
<p style="color:red">顺其自然</p>
</body>
</html>
第二种：用内部样式表改变p标签内字体颜色.
<!doctype html>
<html>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<head>
<title>颜色标签</title>
</head>
<style type="text/css">
.wordcolor{color:red}
</style>
<body>
<p class="wordcolor">一笑而过</p>
</body>
</html>
第三种:链入外部样式表.
把上述第二种方法中<style type="text/css">和</style>之间的内容保存到xxx.css中,
然后在页面中引用<link rel="stylesheet" type="text/css" href="xxx.css">链接
这个样式表文件,得到的效果同上述两种方法相同.
(不被采纳也没事的，只是真诚希望我的话语能帮到你！n(*≧▽≦*)n)
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）