• 技术文章 >web前端 >css教程

    css如何设置首行缩进2个字符

    VV2020-11-17 11:55:30原创51

    css设置首行缩进2个字符的方法:可以利用text-indent属性来设置首行缩进2个字符,如【text-indent:2em;】。text-index属性用于规定文本块中首行文本的缩进,em是相对单位。

    相关属性:

    text-indent 属性规定文本块中首行文本的缩进。

    (视频教程推荐:css视频教程

    属性值:

    实现代码:

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title>首行缩进</title>
    		<style>
    			.demo{
    				width: 550px;
    				height: 200px;
    				margin: 50px auto;
    			}
    			p{
    				text-indent:2em;/*em是相对单位,2em即现在一个字大小的两倍*/
    			}
    			}
    		</style>
    	</head>
    	<body>
    		<div class="demo">
    		<p>
    		这是一段测试代码,是关于css文本缩进的一段文字。这是一段测试代码,是关于css文本缩进的一段文字。
    		这是一段测试代码,是关于css文本缩进的一段文字。这是一段测试代码,是关于css文本缩进的一段文字。
    		这是一段测试代码,是关于css文本缩进的一段文字。这是一段测试代码,是关于css文本缩进的一段文字。
    		</p>
    		</div>
    	</body>
    </html>

    相关推荐:CSS教程

    以上就是css如何设置首行缩进2个字符的详细内容,更多请关注php中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    专题推荐:css 首行缩进 字符
    上一篇:css中有哪些UI元素状态伪类选择器 下一篇:css怎么合并单元格
    第14期线上培训班

    相关文章推荐

    • css如何实现首行缩进效果• CSS如何将段落的首行缩进两个字符(图文详解)• css首行缩进2字符怎么设置?缩进的CSS代码是什么• 为什么首行缩进2字符没反应?

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网