首页 > 软件开发 > HTML >

如何取消p标记的默认间距

来源:互联网 2023-03-16 19:15:58 292

如何取消p标记的默认间距,P标签是HTML里的重要标签,表示段落,虽然HTML是复制网页的结构的,但是每个标签都会有默认的样式,各个浏览器的样式都会略有不同,但是消除默认间距的方法是可以一致的。L96办公区 - 实用经验教程分享!

如何取消p标记的默认间距L96办公区 - 实用经验教程分享!

工具/原料

  • windows7
  • chrome浏览器
  • sublime text3

方法/步骤

  • 1

    新建一个HTML文档,设立一下基本的架构。L96办公区 - 实用经验教程分享!

    如何取消p标记的默认间距L96办公区 - 实用经验教程分享!

  • 2

    新建一个CSS文件,用link关联一下HTML文档。L96办公区 - 实用经验教程分享!

    如何取消p标记的默认间距L96办公区 - 实用经验教程分享!

  • 3

    这里创建三个p标签,可以看出每个段落是有明显的间隔。L96办公区 - 实用经验教程分享!

    如何取消p标记的默认间距L96办公区 - 实用经验教程分享!

    如何取消p标记的默认间距L96办公区 - 实用经验教程分享!

  • 4

    p {L96办公区 - 实用经验教程分享!

    margin: 0;L96办公区 - 实用经验教程分享!

    padding: 0;L96办公区 - 实用经验教程分享!

    }L96办公区 - 实用经验教程分享!

    我们在CSS文件里面这样书写,就可以去除三个p标签之间的间距了。L96办公区 - 实用经验教程分享!

    如何取消p标记的默认间距L96办公区 - 实用经验教程分享!

    如何取消p标记的默认间距L96办公区 - 实用经验教程分享!

  • 5

    如果改为星号,那么就把所有的间距都去除了。L96办公区 - 实用经验教程分享!

    如何取消p标记的默认间距L96办公区 - 实用经验教程分享!

    如何取消p标记的默认间距L96办公区 - 实用经验教程分享!

  • 6

    p {L96办公区 - 实用经验教程分享!

    line-height: 15px;L96办公区 - 实用经验教程分享!

    }L96办公区 - 实用经验教程分享!

    我们还可以通过调整行间距来去除每一行的间距。L96办公区 - 实用经验教程分享!

    如何取消p标记的默认间距L96办公区 - 实用经验教程分享!

    如何取消p标记的默认间距L96办公区 - 实用经验教程分享!

  • 6相关内容未经许可获取自百度经验
  • 注意事项

    • 默认用margin和padding调整效果最好

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!L96办公区 - 实用经验教程分享!


    标签: CSSHTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码