代码如下：
这里的缩进代码是：<style type="text/css">.text{text-indent:2em}</style>。从语法上来看，其实html首行缩进2字符，可以使用CSS属性中的【text-indent】进行设置，还是比较方便的。
HTML特点
可扩展性：超级文本标记语言的广泛应用带来了加强功能，增加 标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。
简易性：超级文本标记语言 版本升级采用 超集方式，从而更加灵活方便。
通用性：另外， HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。
平台无关性：虽然 个人计算机大行其道，但使用 MAC等其他机器的大有人在，超级文本标记语言可以使用在广泛的平台上，这也是 万维网（ WWW）盛行的另一个原因。
具体步骤如下所示：
1、在页面中创建两个p标签，在p标签中加入一段文字，为了能够很容易的看出效果，将p标签的长度设置为300px，如下图所示。
2、给p 标签添加text-indent属性，并将属性值设置为2em，em是一个相对单位，2em表示现在一个文字大小的两倍，也就是两个字符。
3、这样就首行缩进了，效果图如下所示一样。
<!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条）