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居中
  • 热门搜索
    关于对联的手抄报 书手抄报 诗情画意手抄报 安全伴我成长手抄报 年俗年韵年文化手抄报 消防的手抄报 学会感恩手抄报内容 手抄报模板手画 少先队员手抄报内容 电脑手抄报怎么做