财讯中国

html字体颜色怎么设置?html中改变字体颜色方法介绍

来源:互联网 2021-01-26 14:46:03

html字体颜色怎么设置

1

html字体颜色怎么设置

2

html字体颜色怎么设置

3

html字体颜色怎么设置

4

html字体颜色怎么设置

5

html字体颜色怎么设置

6

html字体颜色怎么设置

7

分步阅读

本篇说一下如何设置HTML的字体颜色

工具/原料

HBuilder X等开发工具

方法/步骤

首先写一个HTML文件,代码如下

html字体颜色怎么设置

页面显示结果如下:

html字体颜色怎么设置

下面编写代码设置字体颜色为红色,代码如下

html字体颜色怎么设置

页面显示结果如下

html字体颜色怎么设置

也可以在标签中直接设置样式,这时字体的颜色首先选择标签中的样式,代码如下

html字体颜色怎么设置

页面显示效果如下

html字体颜色怎么设置

最后看一下使用外部css文件设置HTML字体颜色,首先写一个css文件,如图,css代码如下,其中font-weight属性用于加粗字体

在有外部css文件、内部style和标签样式的情况下三个样式都会起作用,但是如果有相同的设置属性的话显示顺序为:标签>内部style>外部css文件

html字体颜色怎么设置

在HTML文件中引入css文件

html字体颜色怎么设置

页面显示结果如图

html字体颜色怎么设置

标签:HTML字体颜色设置

相关新闻