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

📄 5-6-5.cfm.htm

📁 本文件是一个ASP教程
💻 HTM
字号:
<html>

<head>
<title>使用图象作为背景</title>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb_2312-80">
<meta NAME="GENERATOR" CONTENT="Microsoft FrontPage 3.0">
</head>

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

<p ALIGN="JUSTIFY">使用图象作为背景</p>
</b></font><font FACE="宋体" SIZE="3">

<p ALIGN="JUSTIFY">你可通过使用背景图象而使你的网页取得显著改观,背景图象将会在你网页上的其它所有的元素底下平铺开来。背景图象越小,重复的次数越多,看下面的例子:</p>

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

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

<p ALIGN="JUSTIFY">&lt;TITLE&gt; Background Image &lt;/TITLE&gt;</p>

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

<p ALIGN="JUSTIFY">&lt;BODY BACKGROUND=</font><font SIZE="3">”</font><font FACE="宋体"
SIZE="3">mylittleimage.gif</font><font SIZE="3">”</font><font FACE="宋体" SIZE="3">&gt;</p>

<p ALIGN="JUSTIFY">Hello World!</p>

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

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

<p ALIGN="JUSTIFY">当这个HTML文件在网络浏览器上显示时,图象mylittleimage.gif在水平和竖直方向上重复排列开来(见图5.15)。如果你使用较大的图象,图象不会平铺(见图5.16),你在这两幅图中可看见两种效果。</p>

<p ALIGN="JUSTIFY"><img SRC="Image32.gif" tppabs="http://210.74.168.175/guide/asp/part5/Image32.gif" WIDTH="578" HEIGHT="391"></p>
<b>

<p ALIGN="CENTER">图5.15 小图片在屏幕上平铺</p>

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

<p ALIGN="JUSTIFY">为网页选择背景图象时要小心,选择一个糟糕的背景图象会使显示在它上面的文字无法阅读,如果网页上有大量的文本,最好不要选择背景图象。</p>

<p ALIGN="JUSTIFY"><img SRC="Image33.gif" tppabs="http://210.74.168.175/guide/asp/part5/Image33.gif" WIDTH="578" HEIGHT="324"></p>
<b>

<p ALIGN="CENTER">图5.16 大图片在屏幕上平铺</p>
</b>

<p ALIGN="JUSTIFY">使用背景图象的另一个有趣效果是在网页左端显示一个彩色竖条,这个效果是通过使用一幅只有一个象素高但有1200个象素宽的图象实现的。这幅图象的前300个象素是一种颜色,而后900个象素是另一种颜色,当这幅图象在屏幕上平铺时,由于它的宽度比屏幕宽,因此只在竖直方向上重复(如图5.17)。</p>

<p ALIGN="JUSTIFY"><img SRC="Image34.gif" tppabs="http://210.74.168.175/guide/asp/part5/Image34.gif" WIDTH="537" HEIGHT="332"></p>
<b>

<p ALIGN="CENTER">图5.17 具有两列不同色彩的背景</p>
</b>

<p ALIGN="JUSTIFY">Microsoft在&lt;BODY&gt;标识符里添加了一个只在Internet 
Explorer上起作用的属性。通常滚动一个有背景图象的网页时,背景图象也跟着滚动,然而有时你希望背景图象固定不动。你可使用&lt;BODY&gt;标识符的BGPROPERTIES属性来实现这一效果。例如,如果你想让图象myimage.gif固定不动,你可使用下面的语句:</p>

<p ALIGN="JUSTIFY">对于短小的网页,这个附加的属性没有什么特别的用处。但如果你的网页很长,需要滚动时,你就会注意到背景图象没有滚动。</p>

<p ALIGN="JUSTIFY">即使你在使用背景图象,你还应该使用&lt;BODY&gt;标识符的BGCOLOR属性来设置网页的背景色,与所有图象一样,读入背景图象也是耗费时间的,当读入背景图象时,将会显示背景色直到图象全部读入。</p>
</font>
</body>
</html>

⌨️ 快捷键说明

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