HTML外面怎样每段文字首行缩进两个字体 (HTML外面有一个大框里面有四个列表怎么写)

本文目录导航:
HTML外面怎样每段文字首行缩进两个字体?
段落前面空两个字的距离,不要再经常使用空格了,用CSS成功段落首缩进两个字符。
应该经常使用首行缩进text-indent。
text-indent可以使得容器内首行缩进必定单位。
比如中文段落普通每段前空两个汉字。
html首行缩进2字符怎样设置
1、关上Notepad++,新建一个文件
2、输入图中内容:
3、保留为,当然你也可以经常使用其它的名字,但裁减名须要经常使用或
4、选用文件的保留位置,点击保留按钮
5、而后减少一个标签,输入一段用来测试的文字。
6、经常使用阅读器关上检查显示样式,如今还没有缩进。
7、接上去减少样式,这里咱们经常使用内联样式,给P标签减少样式:style=text-indent:2em;
8、再刷新刚刚关上的网页看成果,是不是缩进了两个字符啊!
这里咱们是经常使用em这个单位来缩进了两个字符,你也可以经常使用px作为单位来缩进指定的像素。
HTML首行缩进怎样设置
HTML段落首行缩进可以经过设置属性text-indent来成功。
接上去,咱们将具体讨论这一属性的经常使用方法。
语法格局如下:text-indent: (缩进宽度)以下是一个示例代码,展示如何缩进一个字符:经过指定“text-indent:1em”,可以将段落扫尾缩进一个字符。
显示结果如下:经常使用Web阅读器关上上述HTML文件,可以看到段落的第一行缩进了一个字符。
上方是一个半文字缩进的示例:经过指定“text-indent:0.5 em”,可以将段落扫尾缩进0.5个字符。
显示结果如下:在Web阅读器中关上上述HTML文件,可以看到该段落的第一行有所缩进。
接上去是一个以像素为单位缩进的示例:经过指定“text-indent:14px”,可以将段落扫尾缩进14像素。
显示结果如下:在Web阅读器中关上上述HTML文件,可以看到段落的扫尾缩进了14像素。
本篇文章到此完结。
文章评论