⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 7-3-17.cfm.htm

📁 最全的ASP教程
💻 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">你应当已经对颜色属性非常地熟悉了,你可以使用这一属性来为你的文本指定前景色,如下所示:</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">.Teal {color: teal}</p>

<p ALIGN="JUSTIFY">.Red {color: #FF0000}</p>

<p ALIGN="JUSTIFY">.Green {color: #0F0}</p>

<p ALIGN="JUSTIFY">.Blue {color: RGB(0,0,255)}</p>

<p ALIGN="JUSTIFY">.AlsoBlue {color: RGB(0%,0%,100%)}</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=Teal&gt; This text is teal. &lt;/P&gt;</p>

<p ALIGN="JUSTIFY">&lt;P CLASS=Red&gt; This text is red. &lt;/P&gt;</p>

<p ALIGN="JUSTIFY">&lt;P CLASS=Green&gt; This text is green. &lt;/P&gt;</p>

<p ALIGN="JUSTIFY">&lt;P CLASS=Blue&gt; This text is blue. &lt;/P&gt;</p>

<p ALIGN="JUSTIFY">&lt;P CLASS=AlsoBlue&gt; This text is also blue. &lt;/P&gt;</p>

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

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

<p ALIGN="JUSTIFY">在此例中,文本的颜色通过五种不同的方法来设定。第一条规则在声明中使用了颜色关键字teal。第二条规则使用了一个标准的六位的十六进制RGB值。第三个规则也使用了一个十六进制RGB值,但只是为每一种颜色分量使用了一位数字。第四条规则使用了一个十进制的RGB值而不是十六进制的值。最后一个规则使用了百分数。</p>
<b>

<p ALIGN="JUSTIFY">注意</p>
</b>

<p ALIGN="JUSTIFY">Internet Explorer 3.0不能识别上述指定颜色值的后两种方法。这个浏览器只能接受颜色关键字和六位或三位的十六进制的颜色值。</p>

<p ALIGN="JUSTIFY">你也可以使用同样的方法来为background属性提供值,background属性可以用来控制你的文本的背景颜色。例如,在下面的例子中,background属性使在段落中的第一个字以绿色的背景显示出来(见图7.30):</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">.Green {background: green}</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&gt; &lt;SPAN CLASS=Green&gt; The &lt;/SPAN&gt; first word of this</p>

<p ALIGN="JUSTIFY">paragraph has a green background color.</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"><img SRC="Image73.gif" tppabs="http://210.74.168.175/guide/asp/part7/Image73.gif" WIDTH="591" HEIGHT="405"></p>
<b>

<p ALIGN="CENTER">图7.30 具有背景色的文字</p>
</b></font>
</body>
</html>

⌨️ 快捷键说明

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