建站学 - 轻松建站从此开始!

建站学-个人建站指南,网页制作,网站设计,网站制作教程

当前位置: 建站学 > 网页设计 > css教程 >

第4页:CSS背景图象

时间:2009-03-09 10:49来源: 作者: 点击:
你可以很轻松地将GIF或JPEG图象加到一个要 素后面: 该规则将背景图象加到整个段落之后。你可以 将GIF图象采用和背景图象通常的设置类似的方 法平铺到文字后面。

你可以很轻松地将GIF或JPEG图象加到一个要 素后面:

    B { background-image: url(background.gif) }

该规则将背景图象加到整个段落之后。你可以 将GIF图象采用和背景图象通常的设置类似的方 法平铺到文字后面。

你还可以将背景图象只添加到两个单词后面。 想把图象添加到整个浏览器窗口吗?那么你 可以将其添加到 <BODY>标签。

你可以使用URL调用一幅图象,你既可以使用 相对UPL,例如 images/bg.gif或完整的URL, 例如 http://www.webmonkey.com/images/bg.gif.

none参数值将取消对背景图象的任何设置.

当你设定一个背景图象时,最好能指定一种 背景色。这样以来,下载背景图象的同时,固 定的背景色先出现在屏幕上。而且它将透过 背景图象上的透明色区显示出来。例:

CSS makes Webmonkeys gleeful.

你可以看到背景色紫色在GIF图象的透明色区 也显示出来。

我们最常用的浏览器中可能会出现以下各种 背景图象问题:

  • 在本篇所讨论的各种背景属性中,IE 3 只支持快捷背景属性,详见第6页。
  • 当使用链接的样式表时,IE 3根本不显 示背景图象。
  • 当你仅对段落的某一部分添加背景图象 时,Communicator (在两种操作平台上) 和IE 4 (Mac操作平台上) 有时候可能会 出问题,也许它根本不显示图象,也许 会在添加了背景图象的文字中加入行回 车。
  • 如果你同时设定了背景图象和背景色, 有时候 Communicator将背景色的显示 排在优先的地位。

返回本专题:《CSS层叠样式表教程》的目录

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片