我是靠谱客的博主 怡然小丸子,最近开发中收集的这篇文章主要介绍css的font修改颜色,css的font字体颜色如何设置,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

css的font字体颜色设置方法:1、直接在标签上使用“color:颜色”设置字体颜色;2、通过给font标签添加class属性,在css标签中通过该class设置字体颜色。

b57394212d7a8f366f375ea8d08a87f8.png

本教程操作环境:windows7系统、css3版,DELL G3电脑。

css的font字体颜色设置方法:

新建一个html文件,命名为test.html,用于讲解css中font字体颜色怎么设置。

31ca9b01ac4065e158082432f60e5bd0.png

在test.html文件内,使用font标签创建三行文字,分别用不同的方法给font字体设置颜色。

571482383d5ebce87b26293e025ac664.png

在test.html文件内,直接在font标签上,通过color属性来设置字体的颜色。例如,设置font字体的颜色为红色。

8a2f7106547e36f15e8ce5d1a611041c.png

在test.html文件内,设置font标签的class属性为myclass,主要用于下面通过该class来设置css样式。

5ebdeabec728e75a592b90479223cde2.png

在test.html文件内,设置font标签的id属性为myid,主要用于下面通过该id来设置css样式。

463ede72e64454ff81c3474327862a41.png

在css标签中,设置类名为myclass的样式,例如,设置color属性为蓝色(blue);设置id为myid的样式,例如,设置color属性为粉红色(pink)。

d31ee9eef42d44b6bf1e68be1b946a36.png

在浏览器打开test.html文件,查看实现的效果。

fbdd22a343b05b903a9c861f95be28bb.png

最后

以上就是怡然小丸子为你收集整理的css的font修改颜色,css的font字体颜色如何设置的全部内容,希望文章能够帮你解决css的font修改颜色,css的font字体颜色如何设置所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(43)

评论列表共有 0 条评论

立即
投稿
返回
顶部