首页 >web前端 >前端问答 > 正文

css怎么改变div字体颜色

原创2021-03-01 10:09:3601500

css改变div字体颜色的方法:首先创建一个HTML示例文件;然后创建一个div,并在div内写上测试的文字;最后通过在css标签中通过color属性来设置div内文字的颜色即可。

本文操作环境:windows7系统、HTML5&&CSS3版、Dell G3电脑。

新建一个html文件,命名为test.html,用于讲解css+div里怎么给字体改颜色。

93f4f6d8c19307c06943ffd6fb05929.png

在test.html文件内,创建一个div,并在div内写上测试的文字。

fd1e451098cd242690509886a00ca0f.png

在test.html文件内,设置div的属性为dd,主要用于下面使用css对div进行样式设置。【推荐:css视频教程

7bbe3baaed8d98debc1d7ba97d2a564.png

通过在css标签中来设置div内文字的颜色。例如,下面通过对类名为dd的div进行样式设置,设置字体大小为30px,字体颜色为红色。

09767a591958472509f8e695eff8b58.png

在浏览器打开test.html文件,查看div内已更改成红色的文字。

9caa8051bddccf2c7cbc152f1051012.png

除了使用中文red来设置字体的颜色外,还可以使用十六进制值来表示颜色,例如 ,红色可以使用“#F00”来表示。

419da6681c40ff5a1e25e8fd612609b.png

除了以上两种方法外,还可以使用RGB色值来更改文字颜色,例如,红色可以使用rgb(255,0,0)设置。

26c2d26b89f23bf029bdacbcb1a7375.png

以上就是css怎么改变div字体颜色的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

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

  • 相关标签:css
  • 相关文章

    相关视频


    网友评论

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

    我要评论
  • 专题推荐

    作者信息
    推荐视频教程
  • HTML+CSS网页基础HTML+CSS网页基础
  • CSS 代码实例CSS 代码实例
  • CSS3 极速入门CSS3 极速入门
  • 玩转CSS Flexbox弹性盒子布局(2021新课)玩转CSS Flexbox弹性盒子布局(2021新课)
  • 让布局像5G一样快:CSS Grid网格布局让布局像5G一样快:CSS Grid网格布局
  • 视频教程分类