首页 >web前端 >css教程 > 正文

css的font字体颜色如何设置

原创2021-04-16 15:09:0501668

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

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

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

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

57698306024d7341ed03c7889db5533.png

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

a60af1679f2f90a7fe3adba85c20219.png

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

6159222d98e96a4fab3408e310bc304.png

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

8b07d5415834f72164287d72c43cfdc.png

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

14b49e98ec372940424044bd71c1860.png

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

28ce3b000b7fc7383e7c80f1985e7bf.png

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

ab2c3204e52c943a99740f4f2c26194.png

以上就是css的font字体颜色如何设置的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:css 字体颜色
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    作者信息

    coldplay.xixi

    好好学习 天天向上

    最近文章
    重点详解Java类和对象1412
    浅析php简单操作mysql锁机制3024
    php无法加载mysql怎么办1598
    推荐视频教程
  • CSS高级实例视频教程CSS高级实例视频教程
  • CSS 4.2.4参考手册CSS 4.2.4参考手册
  • HTML/CSS技术小知识每日分享HTML/CSS技术小知识每日分享
  • CSS 代码实例CSS 代码实例
  • CSS3 极速入门CSS3 极速入门
  • 玩转CSS Flexbox弹性盒子布局(2021新课)玩转CSS Flexbox弹性盒子布局(2021新课)
  • 视频教程分类