当前位置:Gxlcms > 前端框架 > css怎么改变div字体颜色

css怎么改变div字体颜色

时间:2021-07-01 10:21:17 帮助过:135人阅读

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字体颜色的详细内容,更多请关注gxlcms其它相关文章!

人气教程排行