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居中
  • 热门搜索
    海口旅游景点 商务旅游 短途旅游 扬州旅游景点 海南三亚旅游 厦门工商旅游学校 旅游线路 惠州旅游景点 泰州旅游 中华人民共和国旅游法