在css中,改变font标签的字体颜色可以通过多种方法来设置,下面小编举例讲解css中font字体颜色怎么设置。
工具/原料
1
html+css
2
代码编辑器:Dreamweaver CS5
方法/步骤
1
新建一个html文件,命名为test.html,用于讲解css中font字体颜色怎么设置。
2
在test.html文件内,使用font标签创建三行文字,分别用不同的方法给font字体设置颜色。
3
在test.html文件内,直接在font标签上,通过color属性来设置字体的颜色。例如,设置font字体的颜色为红色。
4
在test.html文件内,设置font标签的class属性为myclass,主要用于下面通过该class来设置css样式。
5
在test.html文件内,设置font标签的id属性为myid,主要用于下面通过该id来设置css样式。
6
在css标签中,设置类名为myclass的样式,例如,设置color属性为蓝色(blue);设置id为myid的样式,例如,设置color属性为粉红色(pink)。
7
在浏览器打开test.html文件,查看实现的效果。
总结:
1、创建一个test.html文件。 2、在文件内,使用font标签创建一行文字。 3、设置颜色的三种方法:(1)直接在标签上使用“color:颜色”设置字体颜色。(2)通过给font标签添加class属性,在css标签中通过该class设置字体颜色。(3)通过给font标签添加id属性,在css标签中通过该id设置字体颜色。
注意事项
在实际开发中,一般都将css定义在样式文件中,这样好管理,不建议直接在标签上设置颜色。
上一篇:如何给文档的字体加粗、加横线
下一篇:css如何设置字体倾斜