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

 时间:2024-10-26 17:26:57

本教程将介绍如何清除所有元素的外边距和内边距

工具/原料

PhpStorm2019.3.1x64

方法/步骤

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居中
热门搜索
猫咪搞笑图片 女性生殖图ppt真人图片 好看的动漫图片 动漫美女性感 儿童节图片