CSS教程 实现不同元素设置不同背景色

2022年7月7日 25点热度 0人点赞

本教程将介绍实现不同元素设置不同背景色

工具/原料

  • PhpStorm 2019.3.1 x64

方法/步骤

  1. 1

    新建一个 SetDifferentColors.html 文件,如图所示:

  2. 2

    输入HTML5的结构代码,将title标签里面的内容修改成:不同元素设置不同背景色,如图所示:

  3. 3

    使用h1标签定义一个标题,并且添加CSS样式,设置其背景色为红色,如图所示:

  4. 4

    使用p标签定义一个段落,并且添加CSS样式,设置其背景色为蓝色,如图所示:

  5. 5

    使用div标签定义一个宽:100px,高:100px的正方形,设置其背景颜色为绿色,如图所示:

  6. 6

    运行网页,可以看到不同各个元素实现了不同的背景颜色,如图所示:

    END
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。
作者声明:本篇经验系本人依照真实经历原创,未经许可,谢绝转载。
展开阅读全部

laozhao

这个人很懒,什么都没留下

文章评论