当前位置:Gxlcms > 前端框架 > html怎么设置字体属性

html怎么设置字体属性

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

html设置字体属性的方法:首先在html文件中,建立一个h1标签;然后在style中写css样式;接着设置文字大小的属性为“font-size:12px”;最后通过“color:red;”属性设置字体颜色即可。

本文操作环境:Windows7系统、HTML5&&CSS3版,DELL G3电脑

在html文件中,建立一个h1标签,然后在里面输入几个文字做演示,h1是标题标签,本身就带有特有的标题属性

e1c79f87e86022992eac3e4dbe6510e.png

如图所示,在浏览器中可以看到,h1标题标签本身就带有字体加大、加粗的效果

59ed72fe122ffaf49d7c3c8b15fd297.png

如果想要更换文字的大小、颜色设置时,我们要再style中写css样式,

也就是针对h1的标签属性,文字大小的属性是font-size:12px;后面是数值大小

a6450d349fc299f2322f0c6f9922666.png

如图,将文字设置为12像素后,字大小就变化了

56f034021d3187b5cb059693c25cb70.png

color:red;是文字的颜色属性设置,color颜色,后面是属性值,可以输入英文的颜色,或者输入RGB值也可以。

efbac9b638194a8ca22eb61b715c67e.png

如图,将文字设置为了红色

bc4380298bb0a8886615c6d9a4c494e.png

普通文字的加粗效果属性是font-weight:bold;如果遇到没有修饰过的文字加粗时,就可以使用font-weight的加粗效果了。

1e06208a90ed883feeeebfdf36f57e0.png

推荐学习教程:html视频教程、css视频教程

以上就是html怎么设置字体属性的详细内容,更多请关注gxlcms其它相关文章!

人气教程排行