div设置字体颜色

 时间:2026-02-15 02:01:59

1、新建一个html源文件,输入如下代码,由于div标签未加任何修饰,显示的测试文本默认为黑色:

<html><body>

<div  <h3>测试文本</h3></div>

</body></html>

div设置字体颜色

div设置字体颜色

2、我们可以使用style属性为div标签设置一个颜色,比如红色,可以这样表示:

style="color:#FF0000",这个六位数是十六进制的,两个两个一组,分别是“红绿蓝”,#FF0000代表红色颜色值最高,绿和蓝为0,也就是纯红色。

div设置字体颜色

div设置字体颜色

3、同样,如果想使用绿色,那么只需要把style="color:#FF0000"改为style="color:#00FF00"即可。

div设置字体颜色

4、我们还可以通过混色跳出其它颜色,比如红绿混色为黄色,那么我们需要黄色字体就可以这样表示:style="color:#FFFF00"。

div设置字体颜色

5、除了使用十六进制配色方案以外,还可以直接使用预定义的颜色代码,比如蓝色对应的就是“blue”,可以写成:style="color:blue",这个更便于理解。

div设置字体颜色

6、使用颜色代号的另一个好处就是,对于红绿蓝混合的颜色我们不需要去纠结具体的混色搭配,只需要给定一个颜色代号即可,比如“棕色”的混色值我们可能很少知道,但是却知道它的英文名字叫“brown”,只需要写成这样:

<html><body>

<div style="color:brown">  <h3>测试文本</h3></div>

</body></html>

div设置字体颜色

  • 如何让图片在div中居中显示
  • html轮播图怎么制作
  • 怎么让两个div在同一行
  • 怎样让html中的文字垂直水平居中显示
  • 怎么让div居中
  • 热门搜索
    高山流水是什么意思 耐心的意思 防微杜渐的意思 宫高是什么意思 硬卧代硬座什么意思 紧急制动是什么意思 别无所求的意思 mrs是什么意思 千年杀是什么意思 丰胸有什么危害