CSS教程 如何清除所有元素的外边距和内边距

 时间:2026-02-14 10:58:34

1、新建一个 清除外边距和内边距.html 文件,如图所示:

CSS教程 如何清除所有元素的外边距和内边距

2、输入HTML5的结构代码,将title标签里面的内容修改成:清除外边距和内边距,如图所示:

CSS教程 如何清除所有元素的外边距和内边距

3、定义多个标签,比如:div,span等等,如图所示:

CSS教程 如何清除所有元素的外边距和内边距

4、运行网页,执行 右键 --> 查看元素,可以看到body标签是有外边距的(黄色部分就是外边距),如图所示:

CSS教程 如何清除所有元素的外边距和内边距

5、使用 * 号通配符选择器设置所有标签的margin和padding为0px,清除所有标签的内外边距,如图所示:

CSS教程 如何清除所有元素的外边距和内边距

6、再次运行网页,查看元素,可以看到内外边距已经被清除,如图所示:

CSS教程 如何清除所有元素的外边距和内边距

  • HTML网页怎么设置圆角边框
  • html如何文字居中与背景
  • 网页设计HTML中如何插入背景图片
  • 在css中如何设置左浮动和右浮动?
  • 怎么让div居中
  • 热门搜索
    56个民族手抄报 春节手抄报设计图 诚信守法手抄报 小学消防安全手抄报 保护森林手抄报 法治社会手抄报 垃圾不落地手抄报 餐桌礼仪手抄报 少先队员手抄报内容 未来的学校手抄报