1、新建一个 SetDifferentColors.html 文件,如图所示:
2、输入HTML5的结构代码,将title标签里面的内容修改成:不同元素设置不同背景色,如图所示:
3、使用h1标签定义一个标题,并且添加CSS样式,设置其背景色为红色,如图所示:
4、使用p标签定义一个段落,并且添加CSS样式,设置其背景色为蓝色,如图所示:
5、使用div标签定义一个宽:100px,高:100px的正方形,设置其背景颜色为绿色,如图所示:
6、运行网页,可以看到不同各个元素实现了不同的背景颜色,如图所示: