📄 7-3-19.cfm.htm
字号:
<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">在引入Cascading Style Sheet之前，要想控制一个网页中的空白是非常困难的。使用下面的四个属性：margin-left、margin-top、margin-right和margin-bottom，一切就会变得很容易。表7.6显示的例子说明了怎样使用这四个属性（见图7.34）：</p>
<b>
<p ALIGN="JUSTIFY">表7.6 控制文本空白</p>
</b>
<p ALIGN="JUSTIFY"><HTML></p>
<p ALIGN="JUSTIFY"><HEAD><br>
<TITLE> Style </TITLE></p>
<p ALIGN="JUSTIFY"><STYLE></p>
<p ALIGN="JUSTIFY"><!--</p>
<p ALIGN="JUSTIFY">.Thin {margin-left: 50pt; margin-right: 50pt}</p>
<p ALIGN="JUSTIFY">.VeryThin {margin-left: 100pt; margin-right: 100pt}</p>
<p ALIGN="JUSTIFY">--></p>
<p ALIGN="JUSTIFY"></STYLE></p>
<p ALIGN="JUSTIFY"></HEAD></p>
<p ALIGN="JUSTIFY"><BODY></p>
<p ALIGN="JUSTIFY"><P CLASS=Thin></p>
<p ALIGN="JUSTIFY">Thin. Thin. Thin. Thin. Thin. Thin. Thin. Thin. </p>
<p ALIGN="JUSTIFY">Thin. Thin. Thin. Thin. Thin. </p>
<p ALIGN="JUSTIFY">Thin. Thin. Thin. Thin. Thin. Thin. Thin. Thin. </p>
<p ALIGN="JUSTIFY">Thin. Thin. Thin. Thin. Thin. </p>
<p ALIGN="JUSTIFY">Thin. Thin. Thin. Thin. Thin. Thin. Thin. Thin. </p>
<p ALIGN="JUSTIFY">Thin. Thin. Thin. Thin. Thin. </p>
<p ALIGN="JUSTIFY">Thin. Thin. Thin. Thin. Thin. Thin. Thin. Thin. </p>
<p ALIGN="JUSTIFY">Thin. Thin. Thin. Thin. Thin. </p>
<p ALIGN="JUSTIFY">Thin. Thin. Thin. Thin. Thin. Thin. Thin. Thin. </p>
<p ALIGN="JUSTIFY">Thin. Thin. Thin. Thin. Thin. </p>
<p ALIGN="JUSTIFY"></P></p>
<p ALIGN="JUSTIFY"><P CLASS=VeryThin></p>
<p ALIGN="JUSTIFY">Very Thin. Very Thin. Very Thin. Very Thin. Very Thin. </p>
<p ALIGN="JUSTIFY">Very Thin. Very Thin. </p>
<p ALIGN="JUSTIFY">Very Thin. Very Thin. Very Thin. Very Thin. Very Thin. </p>
<p ALIGN="JUSTIFY">Very Thin. Very Thin. </p>
<p ALIGN="JUSTIFY">Very Thin. Very Thin. Very Thin. Very Thin. Very Thin. </p>
<p ALIGN="JUSTIFY">Very Thin. Very Thin. </p>
<p ALIGN="JUSTIFY">Very Thin. Very Thin. Very Thin. Very Thin. Very Thin. </p>
<p ALIGN="JUSTIFY">Very Thin. Very Thin. </p>
<p ALIGN="JUSTIFY">Very Thin. Very Thin. Very Thin. Very Thin. Very Thin. </p>
<p ALIGN="JUSTIFY">Very Thin. Very Thin. </p>
<p ALIGN="JUSTIFY"></P></p>
<p ALIGN="JUSTIFY"></BODY></p>
<p ALIGN="JUSTIFY"></HTML></p>
<p ALIGN="JUSTIFY"><img SRC="Image77.gif" tppabs="http://210.74.168.175/guide/asp/part7/Image77.gif" WIDTH="591" HEIGHT="352"></p>
<b>
<p ALIGN="CENTER">图7.34 使用不同的空白</p>
</b>
<p ALIGN="JUSTIFY">不需要一个个地指定空白值，你可以使用margin属性来一次设定所有的空白值。当你使用margin属性时，你需要依照top、right、bottom和left的次序给出它们的值。如果你只提供了一个值，则它会提供给所有的四个属性。如果你只提供了两个或三个值，其余的值会从相对的位置去获得。下面的例子说明了怎样使用这个属性：</p>
<p ALIGN="JUSTIFY"><HTML></p>
<p ALIGN="JUSTIFY"><HEAD><br>
<TITLE> Style </TITLE></p>
<p ALIGN="JUSTIFY"><STYLE></p>
<p ALIGN="JUSTIFY"><!--</p>
<p ALIGN="JUSTIFY">.Thin {margin: 50pt}</p>
<p ALIGN="JUSTIFY">--></p>
<p ALIGN="JUSTIFY"></STYLE></p>
<p ALIGN="JUSTIFY"></HEAD></p>
<p ALIGN="JUSTIFY"><BODY></p>
<p ALIGN="JUSTIFY"><P CLASS=Thin></p>
<p ALIGN="JUSTIFY">Thin. Thin. Thin. Thin. Thin. Thin. Thin. Thin. </p>
<p ALIGN="JUSTIFY">Thin. Thin. Thin. Thin. Thin. </p>
<p ALIGN="JUSTIFY">Thin. Thin. Thin. Thin. Thin. Thin. Thin. Thin. </p>
<p ALIGN="JUSTIFY">Thin. Thin. Thin. Thin. Thin. </p>
<p ALIGN="JUSTIFY">Thin. Thin. Thin. Thin. Thin. Thin. Thin. Thin. </p>
<p ALIGN="JUSTIFY">Thin. Thin. Thin. Thin. Thin. </p>
<p ALIGN="JUSTIFY">Thin. Thin. Thin. Thin. Thin. Thin. Thin. Thin. </p>
<p ALIGN="JUSTIFY">Thin. Thin. Thin. Thin. Thin. </p>
<p ALIGN="JUSTIFY">Thin. Thin. Thin. Thin. Thin. Thin. Thin. Thin. </p>
<p ALIGN="JUSTIFY">Thin. Thin. Thin. Thin. Thin. </p>
<p ALIGN="JUSTIFY"></P></p>
<p ALIGN="JUSTIFY"></BODY></p>
<p ALIGN="JUSTIFY"></HTML></p>
</font>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -