加入收藏 | 设为首页 | 会员中心 | 我要投稿 聊城站长网 (https://www.0635zz.com/)- 智能语音交互、行业智能、AI应用、云计算、5G!
当前位置: 首页 > 综合聚焦 > 编程要点 > 语言 > 正文

CSS中设置首行缩进的方法是什么,代码如何写

发布时间:2023-09-09 14:30:05 所属栏目:语言 来源:
导读:在这篇文章中,我们来学习一下“CSS中设置首行缩进的方法是什么,代码怎样写”的相关知识,下文有详细的讲解,易于大家学习和理解,有需要的朋友可以借鉴参考,下面就请大家跟着小编的思路一起来学习一下吧
在这篇文章中,我们来学习一下“CSS中设置首行缩进的方法是什么,代码怎样写”的相关知识,下文有详细的讲解,易于大家学习和理解,有需要的朋友可以借鉴参考,下面就请大家跟着小编的思路一起来学习一下吧。
 
在css中,可以利用“text-indent”属性来设置文本的首行缩进,该属性的作用就是规定文本块中首行文本的缩进样式,只需要给元素添加“text-indent:缩进值;”样式即可。
 
在css中,可以利用text-indent属性来设置首行缩进,text-indent属性的作用就是规定文本块中首行文本的缩进。
 
示例如下:
 
<!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>Document</title>
 
    <style type="text/css">
 
p {text-indent: 1cm}
 
</style>
 
</head>
 
<body>
 
<p>
 
噫吁嚱,危乎高哉!蜀道之难,难于上青天!蚕丛及鱼凫,开国何茫然!尔来四万八千岁,不与秦塞通人烟。西当太白有鸟道,可以横绝峨眉巅。地崩山摧壮士死,然后天梯石栈相钩连。上有六龙回日之高标,下有冲波逆折之回川。黄鹤之飞尚不得过,猿猱欲度愁攀援。青泥何盘盘,百步九折萦岩峦。扪参历井仰胁息,以手抚膺坐长叹。
 
</p>
 
</body>
 
</html>
 
 

(编辑:聊城站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章