
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用,但是这个要看图片旁边的一些情况,你可以都试试
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)