- 热门文章:
- · 创建快速读入的带图象的网页
- · 本章将扩充你的初级HTML标识符的知识
- · 建立文本区
- · 建立隐藏区
- · 建立文件上载按钮
- · 在窗体中使用其它HTML标识符
- · 文本框
- · 窗体按钮
- · 密码框
- · 复选框
- · 单选按钮
- · 建立下拉式列表框
使用图象作为背景
使用图象作为背景
你可通过使用背景图象而使你的网页取得显著改观,背景图象将会在你网页上的其它所有的元素底下平铺开来。背景图象越小,重复的次数越多,看下面的例子:
<HTML>
<HEAD>
<TITLE> Background Image </TITLE>
</HEAD>
<BODY BACKGROUND=
”mylittleimage.gif”>Hello World!
</BODY>
</HTML>
当这个HTML文件在网络浏览器上显示时,图象mylittleimage.gif在水平和竖直方向上重复排列开来(见图5.15)。如果你使用较大的图象,图象不会平铺(见图5.16),你在这两幅图中可看见两种效果。
图5.15 小图片在屏幕上平铺
注意
为网页选择背景图象时要小心,选择一个糟糕的背景图象会使显示在它上面的文字无法阅读,如果网页上有大量的文本,最好不要选择背景图象。
图5.16 大图片在屏幕上平铺
使用背景图象的另一个有趣效果是在网页左端显示一个彩色竖条,这个效果是通过使用一幅只有一个象素高但有1200个象素宽的图象实现的。这幅图象的前300个象素是一种颜色,而后900个象素是另一种颜色,当这幅图象在屏幕上平铺时,由于它的宽度比屏幕宽,因此只在竖直方向上重复(如图5.17)。
图5.17 具有两列不同色彩的背景
Microsoft在<BODY>标识符里添加了一个只在Internet Explorer上起作用的属性。通常滚动一个有背景图象的网页时,背景图象也跟着滚动,然而有时你希望背景图象固定不动。你可使用<BODY>标识符的BGPROPERTIES属性来实现这一效果。例如,如果你想让图象myimage.gif固定不动,你可使用下面的语句:
对于短小的网页,这个附加的属性没有什么特别的用处。但如果你的网页很长,需要滚动时,你就会注意到背景图象没有滚动。
即使你在使用背景图象,你还应该使用<BODY>标识符的BGCOLOR属性来设置网页的背景色,与所有图象一样,读入背景图象也是耗费时间的,当读入背景图象时,将会显示背景色直到图象全部读入。
- · 建立滚动列表框
- · 本章将扩充你的初级HTML标识符的知识,向你讲述怎样使用窗体、列表及表格
- · 建立有序列表
- · 建立定义列表
- · 使用列表
- · 使用列表
- · 使用列表
- · 控制表格及其表项的对齐方式
- · 控制表格及其表项的对齐方式
- · 控制表格及其表项的对齐方式
- · 控制表格及其表项的对齐方式
- · 表格作为子页
- · 本章讲述标准HTML中的一些高级标识符
- · 使用窗口和框架
- · 使用框架的不利和有利之处
- · 建立一个新窗口
- · 将窗口分成多个框架
- · 框架和早期的浏览器
- · 框架和链接
- · 控制文本的字体
- · 控制字体的大小
- · 控制文本的空间
- · 控制字体的Weight
- · 同时控制多个字体属性
- · 控制文本的对齐方式
- · 控制段落的缩进
- · 控制背景色和前景色
- · 使用background属性控制图象
- · 精确安置空白
- · 在网页中加入Style
- · 使用Cascading Style Sheet建立Layer
- · 建立边框
- · 为多个网页使用Style Sheet
- · 在HTML标识符中加入Styles
- · 在HTML标识符的Class中加入Styles
- · 在class中加入styles
- · 第七章 高级HTML
- · 为单一的HTML标识符加上styles
