html如何设置字体颜色

html给字体设置颜色，其实方法有很多种，html的样式非常灵活，那么怎么才能给字体加上颜色呢，笔者就来告诉大家几种常见的方法。

在style中加样式

  • 01

    如图，给字体所在的div加上id，然后在style中给这个id的div加上color属性即可

  • 02

    效果如图

方法/步骤2

  • 01

    直接给元素所在层加上style="color:颜色；"属性即可

  • 02

    效果如图

jquery方法加颜色

  • 01

    需要引入jquery.js,在<script>标签中加上$("#id").css("color","颜色")；即可

  • 02

    效果如图

js方法

  • 01

    使用js代码给文字加颜色，document.getElementById("blue").style.color="red";

  • 02

    效果如图

使用font标签

  • 01

    在文字外面加上font标签，再加上color属性

  • 02

    效果如图

赞 (0)

相关推荐

  • 怎样在Word2013文档中设置字体颜色

    第1步，打开Word2013文档窗口，选中需要改变字体颜色的文本块。 第2步，在“开始”功能区的“字体”分组中，单击“字体颜色”下拉三角按钮。 第3步，打开字体颜色面板，其中“自动”包括黑和白两种颜色 ...

  • Word2010怎么设置字体颜色

    我们在使用Word2010编辑文档的过程中，经常需要为字体设置各种各样的颜色，以使我们的文档更富表现力。本篇经验就来介绍一下设置字体颜色的两种方法。 方法一 打开Word2010文档页面，我们首先选中 ...

  • 手机wps表格如何设置字体颜色?

    手机wps表格中设置字体颜色的方法: 首先我们手机WPS Office 打开或新建表格 打开"工具" 打开"格式" 点击"如图位置"字体颜色 ...

  • 如何在手机wps表格中设置字体颜色

    在手机wps表格中设置字体颜色的方法: 首先我们手机WPS Office 打开或新建表格 打开"工具" 打开"格式" 点击"如图位置"字体颜 ...

  • 青葱日记app怎么设置字体颜色?

    青葱日记是一款记录生活精彩瞬间的日记本应用,而很多小伙伴都会比较喜欢颜色鲜艳的颜色,字体也不例外,都是黑色的字体想换一种颜色?那么要怎么更换呢?现在小编就教大家青葱日记设置字体颜色方法. 相关教程:青 ...

  • Outlook2016未读邮件怎么设置字体颜色?

    Outlook2016中想要设置未读邮件的字体颜色,该怎么设置呢?下面我们就来看看详细的教程. 1.下载安装outlook软件. 2.双击打开outlook软件,登入邮箱账户. 3.点击“视图”——“ ...

  • 如何给手机设置字体颜色

    如何给手机设置字体颜色

    随着科技的不断进步,手机的功能也越来越强大,今天就跟大家介绍一下如何给手机设置字体颜色的具体操作步骤.1. 解锁手机后,找到桌面上的设置图标,打开2. 进入设置页面后,找到"显示与亮度&qu ...

  • 如何给华为手机备忘录中设置字体颜色

    如何给华为手机备忘录中设置字体颜色

    我们在用手机备忘录记录备忘事项的时候,可以设置不同字体颜色来进行特殊标注,今天就跟大家介绍一下如何给华为手机备忘录中设置字体颜色的具体操作步骤.1. 事项打开手机上的备忘录图标,进入主页面后,点击右下 ...

  • 如何给QQ影音的字幕设置字体颜色

    如何给QQ影音的字幕设置字体颜色

    今天给大家介绍一下如何给QQ影音的字幕设置字体颜色的具体操作步骤.1. 首先打开电脑,找到桌面上的"QQ影音"图标,打开:2. 进入主页面后,点击左上角的QQ影音图标:3. 在打开 ...

  • 如何给win10电脑的便签设置字体颜色

    如何给win10电脑的便签设置字体颜色

    我们在电脑上使用敬业签的时候,想要对便签的字体颜色进行修改,该怎么操作呢?今天就跟大家介绍一下如何给win10电脑的便签设置字体颜色的具体操作步骤.1. 首先打开电脑,找到想要设置的便签,双击进入编辑 ...