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、用比例参数设置
行间距＝字号×参数
代码如下：
这里的缩进代码是：<style type="text/css">.text{text-indent:2em}</style>。从语法上来看，其实html首行缩进2字符，可以使用CSS属性中的【text-indent】进行设置，还是比较方便的。
HTML特点
可扩展性：超级文本标记语言的广泛应用带来了加强功能，增加 标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。
简易性：超级文本标记语言 版本升级采用 超集方式，从而更加灵活方便。
通用性：另外， HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。
平台无关性：虽然 个人计算机大行其道，但使用 MAC等其他机器的大有人在，超级文本标记语言可以使用在广泛的平台上，这也是 万维网（ WWW）盛行的另一个原因。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title>缩进2字符</title>
<style type="text/css">
p{ <a href="https://www.baidu.com/s?wd=text-indent&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1Y4mhf3PH64rH9hP1mvrHKB0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3Erj04rjDYrHn1Pj0dP1mdPjDz" target="_blank" class="baidu-highlight">text-indent</a>:2em}
</style>
</head>
<body>
<p><a href="https://www.baidu.com/s?wd=%E9%A6%96%E8%A1%8C%E7%BC%A9%E8%BF%9B&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1Y4mhf3PH64rH9hP1mvrHKB0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3Erj04rjDYrHn1Pj0dP1mdPjDz" target="_blank" class="baidu-highlight">首行缩进</a>2字符的案例展示如下。需要多写几行看效果，需要多写几行看效果，需要多写几行看效果，需要多写几行看效果，需要多写几行看效果，需要多写几行看效果，需要多写几行看效果。</p>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）