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

 时间:2024-10-12 05:58:10

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居中
  • 热门搜索
    读书节手抄报 春天手抄报 禁毒手抄报简单又漂亮 读书小报手抄报 端午手抄报 低碳生活手抄报 英文手抄报 保护眼睛手抄报 防溺水的手抄报 春节手抄报图片