首页 > 软件开发 > HTML >

如何在html中给文字添加背景颜色

来源:互联网 2023-03-16 19:12:02 287

我们制作网页的时候,为了页面的美观经常需要给文字添加背景色,那么该如何的给文字添加背景呢?下面小编给大家分享一下。qUY办公区 - 实用经验教程分享!

工具/原料

  • Sublime Text

方法/步骤

  • 1

    首先在sublime中新建一个文档,然后添加些许文字,这里要注意utf8编码的添加,如下图所示qUY办公区 - 实用经验教程分享!

    如何在html中给文字添加背景颜色qUY办公区 - 实用经验教程分享!

  • 2

    接下来我们选取一些文字,将其包裹在mark标签内,如下图所示qUY办公区 - 实用经验教程分享!

    如何在html中给文字添加背景颜色qUY办公区 - 实用经验教程分享!

  • 3

    运行页面以后,你会看到被smark包裹的文字有了背景色了,如下图所示qUY办公区 - 实用经验教程分享!

    如何在html中给文字添加背景颜色qUY办公区 - 实用经验教程分享!

  • 4

    另外还可以给文字单独的指定样式名称,如下图所示qUY办公区 - 实用经验教程分享!

    如何在html中给文字添加背景颜色qUY办公区 - 实用经验教程分享!

  • 5

    然后在style标签内对声明的样式进行定义,如下图所示,主要是给背景颜色以及间距qUY办公区 - 实用经验教程分享!

    如何在html中给文字添加背景颜色qUY办公区 - 实用经验教程分享!

  • 6

    运行页面以后我们看到文字也被加上了背景色,并且背景颜色可以自己设置,如下图所示qUY办公区 - 实用经验教程分享!

    如何在html中给文字添加背景颜色qUY办公区 - 实用经验教程分享!

  • 7

    综上所述,如果你对文字的背景色没有特殊的要求的话可以使用mark标签,如果想自己设置颜色就需要用样式来实现了qUY办公区 - 实用经验教程分享!

  • 7此文章非法爬取自百度经验
  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!qUY办公区 - 实用经验教程分享!


    标签: HTML

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