7-3-16.cfm.htm

来自「最全的ASP教程」· HTM 代码 · 共 69 行

HTM
69
字号
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>控制段落的缩进</title>
<meta name="GENERATOR" content="Microsoft FrontPage 3.0">
</head>

<body>
<b><font FACE="宋体">

<p ALIGN="JUSTIFY">控制段落的缩进</p>
</font></b><font FACE="宋体" SIZE="3">

<p ALIGN="JUSTIFY">Style Sheet的一个非常有用的属性是text-indent属性,使用这个属性,你可以通过提供百分数或绝对值来缩进文本,就如下面的例子所示(见图7.29):</p>

<p ALIGN="JUSTIFY">&lt;HTML&gt;</p>

<p ALIGN="JUSTIFY">&lt;HEAD&gt;<br>
&lt;TITLE&gt; Style &lt;/TITLE&gt;</p>

<p ALIGN="JUSTIFY">&lt;STYLE&gt;</p>

<p ALIGN="JUSTIFY">&lt;!--</p>

<p ALIGN="JUSTIFY">.Indented {text-indent: 10%}</p>

<p ALIGN="JUSTIFY">--&gt;</p>

<p ALIGN="JUSTIFY">&lt;/STYLE&gt;</p>

<p ALIGN="JUSTIFY">&lt;/HEAD&gt;</p>

<p ALIGN="JUSTIFY">&lt;BODY&gt;</p>

<p ALIGN="JUSTIFY">&lt;P CLASS=Indented&gt;</p>

<p ALIGN="JUSTIFY">This paragraph is indented.</p>

<p ALIGN="JUSTIFY">This paragraph is indented.</p>

<p ALIGN="JUSTIFY">This paragraph is indented.</p>

<p ALIGN="JUSTIFY">&lt;/P&gt;</p>

<p ALIGN="JUSTIFY">&lt;P&gt;</p>

<p ALIGN="JUSTIFY">This paragraph is not.</p>

<p ALIGN="JUSTIFY">This paragraph is not.</p>

<p ALIGN="JUSTIFY">This paragraph is not.</p>

<p ALIGN="JUSTIFY">&lt;/P&gt;</p>

<p ALIGN="JUSTIFY">&lt;/BODY&gt;</p>

<p ALIGN="JUSTIFY">&lt;/HTML&gt;</p>

<p ALIGN="JUSTIFY"> </p>

<p ALIGN="JUSTIFY"><img SRC="Image72.gif" tppabs="http://210.74.168.175/guide/asp/part7/Image72.gif" WIDTH="593" HEIGHT="407"></p>
<b>

<p ALIGN="CENTER">图7.29 使用style sheet来缩进文字</p>
</b></font>
</body>
</html>

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?