text-indent属性
text-indent: 20px; --缩进20px
text-indent: 2em; --2em 则是缩进当前元素 2个文字大小的距离
代码:
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>CSS文本外观之文本缩进</title><style>.em {/* 文本的第一行首行缩进 多少距离 *//* text-indent: 20px; *//* 如果此时写了2em 则是缩进当前元素 2个文字大小的距离 */text-indent: 2em; }</style></head><body><p>如果不加缩进的效果,这段文字没加缩进</p><p class="em"> 加缩进的效果,这段文字加缩进</p></body></html>