当前位置：首页 > 脚本编程 > CSS/HTML >

css怎么设置段落缩进

来源:网络整理作者: 发布时间:2020-12-18 00:57

css设置段落缩进的方法：可以利用text-indent属性来进行设置，如【text-indent:36px;】。text-indent属性用于规定文本块中首...

css设置段落缩进的方法：可以利用text-indent属性来进行设置，如【text-indent:36px;】。text-indent属性用于规定文本块中首行文本的缩进。

css怎么设置段落缩进

相关属性：

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

注意：负值是允许的。如果值是负数，将第一行左缩进。

（学习视频分享：css视频教程）

属性值：

length 定义固定的缩进。默认值：0。

% 定义基于父元素宽度的百分比的缩进。

inherit 规定应该从父元素继承 text-indent 属性的值。

举例：

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>css首行缩进的代码使用示例</title> <style> p {text-indent:36px;} </style> </head> <body> <p> 这里是关于css文本缩进的一段文字。这里是关于css文字缩进的一段文字。这里是关于css首行缩进的一段文字。这里是关于css文本缩进的一段文字。这里是关于css文字缩进的一段文字。这里是关于css首行缩进的一段文字。这里是关于css文本缩进的一段文字。这里是关于css文字缩进的一段文字。这里是关于css首行缩进的一段文字。 </p> </body> </html>

效果如图：

相关热词： CSS

本站内容来源于网络，如有侵权请与我们联系，我们会及时删除，我们深感抱歉！
注：本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规！

本文地址: https://v30.fanwenzhu.com/jiaob/cssm/4988.shtml

上一篇：css中的display是什么意思

下一篇：使用css有什么优势

用react的ReactCSSTransitionGroup插件	当你自己回头来看你写的这些
我们直接看代码： !DOCTYPE htm	那么使用 CSS3 新增的选择器无
微软IE9平台预览版完整支持H	IE9正式版无论从性能提升还是
CSS3东西最新资讯	各路人马对它的热情都极为高
中联重科CSS3混凝土喷射机器手	CSS3与页面机关进修总结（二）
四、id选择器（#ID） ID选择器	谈谈一些有趣的CSS题目（十）
在全局:root{ }伪类中定义了一个	CSS3与页面机关进修总结（七）
而不是元素本身	在使用有厂商前缀的样式时