零基础建站培训介绍

当前位置:

html字体颜色设置方法

html字体颜色设置方法

在网页开发的过程中,有时为了网页的美观,需要给网页中的字体设置不同的颜色,那么,怎么来设置字体颜色呢?本篇文章就来给大家来介绍html设置字体颜色的三种方法。

话不多说,我们来直接看正文。

html字体颜色设置的方法一:html font设置字体颜色

语法:


<font color="red"> </font>

font是一对常规标签,将字体文本内容放入标签内,font标签内设置color颜色+对应颜色值即可设置font标签对象内字体颜色。

我们直接来看html font设置字体颜色的代码实例:


<html><body><p><font size="10" color="red">学做网站论坛</font></p></body></html>

说明:<font size="10">是设置字体大小,html font设置字体颜色的效果如下:

html字体颜色设置的方法二:标签内设置CSS字体颜色样式

语法:


<p style="color:red"></p>

标签内设置CSS字体颜色的代码实例:


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<div style="color:red;font-size:50px">学做网站论坛</div>
</body>
</html>

说明:font-size:50px为字体大小。标签内设置CSS字体颜色的效果如下:

html字体颜色设置的方法三:外部CSS设置html文字字体的颜色

使用id或class引入外部CSS字体颜色样式,从而设置html 字体颜色。

外部CSS设置html文字字体的颜色的代码示例:


<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style> .ex{ color:pink;font-size:50px} </style>
</head>
<body>
<div class="ex">学做网站论坛</div>
</body>
</html>

外部CSS设置html文字字体的颜色效果如下:

最后,注意:html font设置字体颜色color使用等号设置颜色值,而CSS设置字体颜色使用color设置字体颜色值使用冒号。

上一课: 下一课:

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

相关教程

  • HTML常用书写工具有哪些 (115099 次浏览)
    HTML常用写书工具有以下几种:第一种:记事本记事本是最简单的HTML书写工具,但功能也是特别少的,不太适合建网站新手来使用。(新手学习HTML
  • HTML 文本格式化:使用 pre 标签对空行和空格进行控制。“计算机输出”标签:这些标签常用于显示计算机/编程代码。引用标签:使用 blockquote
  • HTML粗体标签:HTML b 标签b 标签-- 定义粗体文字 不符合标准网页设计的理念,不赞成使用. b标签是成对出现的,以<b>开始,以</b>结束 .
  • HTML字体加粗标签怎么写 图文教程 (123189 次浏览)
    HTML中给字体加粗一般会使用HTML字体加粗标签。HTML字体加粗标签就是<strong>标签。[cce_html]<strong> 要加粗的文字 </strong>[
  • HTML <font>标签之html文字字体、html字体颜色、html字体大小设置标签元素一、font标签语法与结构[cce_html]<font color="#FF0000"&
  • 想要使用fireworks制作字体效果,那么这里给大家讲解一个简单的制作字体的方法,使用的软件名称:fireworks8简体中文版 (含序列号)1、首先到啊fir
  • HTML 颜色 (11181 次浏览)
    HTML 颜色由红色、绿色、蓝色混合而成。颜色值HTML 颜色由一个十六进制符号来定义,这个符号由红色、绿色和蓝色的值组成(RGB)。每种颜色的最小值
  • HTML 颜色名 (11136 次浏览)
    本节提供了被大多数浏览器支持的颜色名。提示:仅有 16 种颜色名被 W3C 的 HTML 4.0 标准支持,它们是:aqua、black、blue、fuchsia、gray、green、l
  • 在自己做网站时,为了显示效果,我们需要对某些区块设置圆角边框,这时,我们需要用到CSS的border-radius属性,通过border-radius属性就可以轻松设置
  • 问题:在HTML中元素分为块状元素和行内元素,块状元素的外边距和内边距我们分别使用margin\padding属性来设置,那么行内元素可以设置margin\paddi
  • 1、CSS3设置文字一个阴影在CSS3中使用text-shadow属性来给文字添加阴影效果[cce_html]h1{text-shadow: 5px 5px 5px #FF0000;}[/c
  • 做网站时,避免不了网站上有大量的图片。网站上的图片显示就需要使用img图片标签。HTML img图片标签写法[cce_html]<img src="图片地址" alt=
  • 在网站制作过程中经常需要使用到让div进行水平和垂直居中的技术。现在我们就来谈谈如何实现让div水平和垂直居中。Div标签水平居中方法Div
  • 通常所说的META标签,是在HTML网页源代码中一个重要的html标签。META标签用来描述一个HTML网页文档的属性,例如作者、日期和时间、网页描述、关键词、