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

 时间:2026-02-13 19:57:58

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

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

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

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

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

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

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

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

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

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

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

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

  • js怎样将内容以弹窗形式输出
  • eclipse如何判断字符串是否相等
  • css如何通过实现让文字在框内水平垂直都居中?
  • HTML中引入css和js的方法
  • MyEclipse如何设置字体?
  • 热门搜索
    清明节祭奠英烈手抄报 有关弟子规的手抄报 清明节手抄报图片简单 文明交通我见证手抄报 我是环保小卫士手抄报 木偶奇遇记手抄报 关于普法的手抄报 关于环保手抄报的内容 简单的手抄报 教师节手抄报花边