CSS text-indent属性,设置文字缩进
text-indent属性
CSS text-indent属性可以设置HTML元素中的文字的缩进,比如段落p中的缩进,也可以设置input中的输入缩进。属性值如下表:
属性值
属性值 | 描述 |
---|---|
px | 像素 |
em | 相对长度单位 |
cm | 厘米 |
pt | 标准长度单位1pt=1/72英寸 |
% | 百分比 |
text-indent属性实例代码,及在线编辑器
实例中的段落p将缩进20px,input元素将缩进2个em相对长度单位:
<p>这是一个段落,内容随意,主要用于缩进的对照。</p>
<p class='td1'>这是另一个段落,设置了text-indent的缩进属性。</p>
<input type='text'><br><br>
<input type='text' class='td2'>
<style>
.td1{text-indent:20px;}
.td2{text-indent:2em;}
</style>