字体颜色怎么设置?

字体颜色怎么设置?下面本篇文章给大家介绍一下HTML页面和word文档中设置字体颜色的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

HTML页面中设置字体颜色的方法

在网页开发的过程中,有时为了网页的美观,需要给网页中的字体设置不同的颜色。那么怎么设置字体颜色呢?下面介绍一下

方法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>

效果图:

7f96750d38250067586c748e673caef.png

说明: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>

效果图:

ca3b70819da9d836d31032b47a24796.png

word文档中设置字体颜色的方法

1、先在按住鼠标左键不放的同时移动鼠标指针框选要修改颜色的文字,框选后字体变成灰底。

1.png

2、点击word菜单栏中的“开始”。打开开始选项卡。打开word后如果不修改,默认也是显示这个选项卡。

2.png

3、点击图中开始选项卡中标注的按钮就可以更改已选文字的字体颜色,按钮上字体的颜色就是更改后的字体颜色。

3.png

4、如果要更改的颜色不是按钮上字体的颜色,可点击按钮右侧的小三角,调出颜色面板,用鼠标在其中点选一个颜色后,字体颜色就改变成该颜色了。

4.png

5、如果上述的颜色面板中仍然没有要设置的颜色,可以点击菜单中的“其他颜色”。

5.png

6、点击“其他颜色”后,会弹出调色板,再点选其中的颜色即可。

6.png

想要了解更多相关知识,请关注 html中文网!!

以上就是字体颜色怎么设置?的详细内容,更多请关注html中文网其它相关文章!

赞(0) 打赏
未经允许不得转载:html中文网首页 » HTML5 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏