手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

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教程 如何清除所有元素的外边距和内边距
© 手抄报圈