📄 7-3-20.cfm.htm
字号:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>使用Cascading Style Sheet建立Layer</title>
<meta name="GENERATOR" content="Microsoft FrontPage 3.0">
</head>
<body>
<font FACE="宋体"><b>
<p ALIGN="JUSTIFY">使用Cascading Style Sheet建立Layer</p>
</b></font><font FACE="宋体" SIZE="3">
<p ALIGN="JUSTIFY">margin属性的一个有趣的应用是用于建立layer，通过使用margin属性，你可以将一段文字放置在另一段文字的上面，就象下面的例子所示（见图7.35）：</p>
<p ALIGN="JUSTIFY"><HTML></p>
<p ALIGN="JUSTIFY"><HEAD></p>
<p ALIGN="JUSTIFY"><TITLE> STYLE </TITLE></p>
<p ALIGN="JUSTIFY"><STYLE></p>
<p ALIGN="JUSTIFY">BODY {margin: 50pt}</p>
<p ALIGN="JUSTIFY">.BottomLayer {color: gray; font: 100px “Comic Sans MS”}</p>
<p ALIGN="JUSTIFY">.TopLayer {margin-top: -100px; color: yellow; font: italic 40px
Verdana}</p>
<p ALIGN="JUSTIFY"></STYLE></p>
<p ALIGN="JUSTIFY"></HEAD></p>
<p ALIGN="JUSTIFY"><BODY></p>
<p ALIGN="JUSTIFY"><P CLASS=BottomLayer> BACKGROUND</p>
<p ALIGN="JUSTIFY"><P CLASS=TopLayer> FOREGROUND </P> </P></p>
<p ALIGN="JUSTIFY"></BODY></p>
<p ALIGN="JUSTIFY"></HTML></p>
<p ALIGN="JUSTIFY"><img SRC="Image78.gif" tppabs="http://210.74.168.175/guide/asp/part7/Image78.gif" WIDTH="591" HEIGHT="418"></p>
<b>
<p ALIGN="CENTER">图7.35 建立覆盖文本</p>
</b>
<p ALIGN="JUSTIFY">注意此例中为上层文字的margin属性使用的负值，负值将上层文字上移了100个象素，你可以通过这种方法放置任意多的layer。</p>
<p ALIGN="JUSTIFY">还要注意上层文字位于底层文字中。上层文字的<P>标识符包含在底层文字的<P>标识符之中，这就迫使上层文字的空白要依据底层文字来计算。</p>
</font>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -