css段落缩进属性是什么_CSS

CSS

html5 HTML/Xhtml CSS XML/XSLT Dreamweaver教程 Frontpage教程心得技巧

上一篇: css怎么设置字体白色描边下一篇:css的基本选择器有哪几种

css段落缩进属性是什么

发布时间：2022-05-17 发布网站：脚本宝典

脚本宝典收集整理的这篇文章主要介绍了css段落缩进属性是什么，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

css段落缩进属性是“text-indent”。css text-indent属性用于设置文本块中首行文本的缩进，语法格式“text-indent:缩进值;”；该属性允许使用负值，如果值是负数，则第一行将左缩进。

css段落缩进属性是什么

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

css段落缩进属性是“text-indent”。

中文排版有个习惯，每个正文段落的首行开始处应保持两个中文字的空白。在css中专门有个text-indent属性可以控制段落的首行缩进一进的距离。

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

语法：

text-indent：缩进值;

css段落缩进属性是什么

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

【推荐教程：CSS视频教程】

示例：

<!DOCTYPE html>
<html>
	<head>
		<;meta charset="UTF-8">
		<tITle>首行缩进</title>
		<style>
			.demo{
				width: 500px;
				height: 200px;
				margin: 50px auto;
			}
			.p1{
				text-indent:36px;
			}
			.p2{
				text-indent:10%;
			}
		</style>
	</head>
	<body>
		<div class="demo">
			<p class="p1">这是一段测试代码，是关于css文本缩进的一段文字。这是一段测试代码，是关于css文本缩进的一段文字。这是一段测试代码，是关于css文本缩进的一段文字。这是一段测试代码，是关于css文本缩进的一段文字。这是一段测试代码，是关于css文本缩进的一段文字。这是一段测试代码，是关于css文本缩进的一段文字。<b>text-indent:36px;</b></p>
		    <p class="p2">这是一段测试代码，是关于css文本缩进的一段文字。这是一段测试代码，是关于css文本缩进的一段文字。这是一段测试代码，是关于css文本缩进的一段文字。这是一段测试代码，是关于css文本缩进的一段文字。这是一段测试代码，是关于css文本缩进的一段文字。这是一段测试代码，是关于css文本缩进的一段文字。<b>text-indent:10%;</b></p>
		</div>
	</body>
</html>

效果图：

css段落缩进属性是什么

更多编程相关知识，请访问：编程入门！！

以上就是css段落缩进属性是什么的详细内容，更多请关注脚本宝典其它相关文章！

脚本宝典总结

以上是脚本宝典为你收集整理的css段落缩进属性是什么全部内容，希望文章能够帮你解决css段落缩进属性是什么所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。

标签：段落缩进

上一篇: css怎么设置字体白色描边下一篇:css的基本选择器有哪几种

猜你在找的CSS相关文章

全站导航更多