html如何设置文本的边距

html如何设置文本的边距,第1张

1、首先输入想要的文字。

2、在没有设置间距之前,在浏览器窗口,我们看到的是这样子的,如图所示,所谓的间距,也就是两个字之间的缝隙会很小,当然有时候这是不符合我们的需求的。

3、现在设置支付间距,这里我给它20像素,也可以根据需求进行更改

代码如下:

letter-spacing:20px

4、在浏览器显示的效果是这样的,字与字之间的间隔会大很多,最后就完成了,

段落基本上是用<p></p>标签,你可以在css样式表中设置两个<p>标签的段前后间距。举个例子:

<p class="first">这是第一个段落,我希望我段前有30px的间隔,段后有20px的间隔</p>

<p class="second">这是第二个段落,因为第一段段后有20px,所以我希望段前有10px的间隔,段后有30px的间隔</p>

CSS:

.first{

    margin-top:30px

    margin-bottom:20px

}

.second{

    margin-top:10px

    margin-bottom:30px

}

可以写img{margin-left:30pxmargin-right:30px}

这样给左右两边都设置了30像素的距离

还可以用把margin改成padding用,但是这个要看图片旁边的一些情况,你可以都试试


欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/zaji/7476080.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-06
下一篇2023-04-06

发表评论

登录后才能评论

评论列表(0条)

    保存