首页 > 编程 > HTML > 正文

HTML怎么设置字体颜色?html字体颜色设置的三种方法

2020-03-24 16:32:25
字体:
来源:转载
供稿:网友
在网页开发的过程中,有时为了网页的美观,需要给网页中的字体设置不同的颜色,那么,怎么来设置字体颜色呢?本篇文章就来给大家来介绍html设置字体颜色的三种方法。

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

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

语法: font color= red /font

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

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

 html  body  p font size= 10 color= red php  /font /p  /body  /html 

说明: font size= 10 是设置字体大小。(可参考HTML手册)

html font设置字体颜色的效果如下:

2345截图20180918103221.png

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

语法: p >

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

 !DOCTYPE html  html  head  meta charset= utf-8 /  /head  body  div >

说明:font-size:50px为字体大小。(字体大小可参考css使用手册)

标签内设置CSS字体颜色的效果如下:

2345截图20180918110036.png

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 >

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

2345截图20180918110648.png

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

以上就是HTML怎么设置字体颜色?html字体颜色设置的三种方法的详细内容,html教程

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表