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

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

时间:2024-10-12 01:14:02

1、新建一个HTML文档,设立一下基本的架构。

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

2、新建一个CSS文件,用link关联一下HTML文档。

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

3、这里创建三个p标签,可以看出每个段落是有明显的间隔。

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

4、p { margin: 0; padding: 0;}我们在CSS文件里面这样书写,就可以去除三个p标签之间的间距了。

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

5、如果改为星号,那么就把所有的间距都去除了。

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

6、p { line-height: 15px;}我们还可以通过调整行间距来去除每一行的间距。

如何取消p标记的默认间距
如何取消p标记的默认间距
© 手抄报圈