首页 > 软件开发 > HTML >

HTML中的文字属性有哪些设置

来源:互联网 2023-03-16 19:12:18 303

在html5中,经常用到文字的一些属性,今天我们就常用的两个属性来看下如何做。oqY办公区 - 实用经验教程分享!

工具/原料

  • 华为MateBook D
  • Windows 10 10.3.3
  • HTML

方法/步骤

  • 1

    在html文件中,建立一个h1标签,然后在里面输入几个文字做演示,h1是标题标签,本身就带有特有的标题属性oqY办公区 - 实用经验教程分享!

    HTML中的文字属性有哪些设置oqY办公区 - 实用经验教程分享!

  • 2

    如图所示,在浏览器中可以看到,h1标题标签本身就带有字体加大、加粗的效果oqY办公区 - 实用经验教程分享!

    HTML中的文字属性有哪些设置oqY办公区 - 实用经验教程分享!

  • 3

    如果想要更换文字的大小、颜色设置时,我们要再style中写css样式,oqY办公区 - 实用经验教程分享!

    也就是针对h1的标签属性,文字大小的属性是font-size:12px;后面是数值大小oqY办公区 - 实用经验教程分享!

    oqY办公区 - 实用经验教程分享!

    HTML中的文字属性有哪些设置oqY办公区 - 实用经验教程分享!

  • 4

    如图,将文字设置为12像素后,字大小就变化了oqY办公区 - 实用经验教程分享!

    HTML中的文字属性有哪些设置oqY办公区 - 实用经验教程分享!

  • 5

    color:red;是文字的颜色属性设置,color颜色,后面是属性值,可以输入英文的颜色,或者输入RGB值也可以。oqY办公区 - 实用经验教程分享!

    HTML中的文字属性有哪些设置oqY办公区 - 实用经验教程分享!

  • 5此文章非法爬取自百度经验
  • 6

    如图,将文字设置为了红色oqY办公区 - 实用经验教程分享!

    HTML中的文字属性有哪些设置oqY办公区 - 实用经验教程分享!

  • 7

    普通文字的加粗效果属性是font-weight:bold;如果遇到没有修饰过的文字加粗时,就可以使用font-weight的加粗效果了。oqY办公区 - 实用经验教程分享!

    HTML中的文字属性有哪些设置oqY办公区 - 实用经验教程分享!

  • 注意事项

    • 如果对您有帮助,请左侧点赞哦!

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!oqY办公区 - 实用经验教程分享!


    标签:

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码