具体步骤如下所示:
1、在页面中创建两个p标签,在p标签中加入一段文字,为了能够很容易的看出效果,将p标签的长度设置为300px,如下图所示。
2、给p 标签添加text-indent属性,并将属性值设置为2em,em是一个相对单位,2em表示现在一个文字大小的两倍,也就是两个字符。
3、这样就首行缩进了,效果图如下所示一样。
1、每行都放在p标签里,再设置p标签的样式。
2、在每行文字前面加空格或是span标签,设置span标签padding-left:2em这个数值自己改改也行。
例如:
p标签已经引用了一个css样式名:
second
那么就在此css样式内添加一个属性即可:
text-indent:2em
首行缩进两行,2em 是两个文字越大,间隔越大。
扩展资料:一、字间距
1、text-indent设置抬头距离css缩进
即对对应div设置css样式text-indent : 20px缩进了20px
2、letter-spacing来设置字与字间距_字符间距离,字体间距css样式
即对对应div设置css属性样式为letter-spacing:8px,字间距为8px
二、行间距
在CSS中,可以设置行间距,格式如下:
标签名{line-height:参数}
根据参数不同有3种方法:
1、用数字参数设置
行间距=字号×参数
2、用单位参数设置
行间距=参数
3、用比例参数设置
行间距=字号×参数
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)