您现在的位置是: 首页 » 网页代码 » HTML字体颜色怎么设置?
网页代码

HTML字体颜色怎么设置?

网站优化小编2020年1月9日 69人已围观

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

网站运营中栏目排名优化技巧

方法1:使用<font>标签的color属性设置字体颜色

color 属性规定 font 标签元素中文本的颜色。

语法:

<font color="value">

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

代码示例:

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
   </head>
   <body>
       <font color="red" size="10">HTML中文网</font>
   </body>
</html>

效果图:

网站运营中栏目排名优化技巧

说明:font标签元素的size属性可用于设置字体大小。

方法2:使用CSS的color属性来设置字体颜色

color 属性规定文本的颜色。

这个属性设置了一个元素的前景色(在 HTML 表现中,就是元素文本的颜色);光栅图像不受 color 影响。这个颜色还会应用到元素的所有边框,除非被 border-color 或另外某个边框颜色属性覆盖。

要设置一个元素的前景色,最容易的方法是使用 color 属性。

代码示例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<style>
			p{
				color: red;
				font-size: 30px;
			}
		</style>
	</head>

	<body>
		<p>HTML中文网</p>
		<div style="color: plum; font-size: 30px;">HTML中文网</div>
	</body>
</html>

效果图:

网站运营中栏目排名优化技巧

文章评论

    发表评论

    电子邮件地址不会被公开。

站点信息
  • 站点运行:435天
  • 网站程序:Wordpress
  • 主题模板:bvseo
  • 文章统计:4965 条
  • 文章评论:2964 条
  • 微信公众号:扫描二维码,关注我们