背景图的详细设定

发布时间:2007-10-07 09-46-54 作者:河南新华电脑学院

原本<body>卷标提供了以下几种设定:
<body
alink=colorvalue
background=url
bgcolro=colorvalue
link=colorvalue
text=colorvalue
bgproperties=fixed /*背景固定
leftmargin=pixels /*离浏览器显示窗左边的距离
topmargin=fixels /*离浏览器显示窗上面的距离
>

HTML 3.2所能用的设定非常有限，但在CSS 2.0 对于<body>有更详细的设定。
对于css在<body>的设定大致有两种：

在<head></head>间定义一段CSS的类别，此类别是针对<body>定义的
<style>
body {background-image:url(n.jpg);
background-repeat:not-repeat;
}
</style>
或者是
<BODY style="background-image:url(n.jpg);background-repeat:no-repeat">
两种都是一样的功能。

CSS对于<body>卷标又更详细的定义，大致如下：
<body
color:colorvalue
/*前景颜色

background-color:colorvalue
/*背景颜色
color与background-color的设定有五种方式：
1.color:#FFFFFF
2.color:#FFF
3.color:rgb(255,255,255)
4.color:purple
5.color:rgb(100%,50%,10%)

background-image:url(n.jpg)
/*背景图档

background-repeat:repeat|repeat-x|repeat-y|no-repeat
/* 重复显示全影幕|水平方向重复|垂直方向重复|不重复显示

background-attachment:scroll|fixed
/*卷动或固定

background-position:x%,y%|x,y|top|left|center|bottom|right
/*背景图文件位置
>

你也可以将HTML与CSS同时使用：
<BODY bgcolor="black" style="background-image:url(n.jpg);background-repeat:no-repeat"
topmargin="0" leftmargin="0" link="#ffffff" alink="aqua"
vlink="red" bgProperties=fixed text="#FFFFFF">

在此例中，我定义背景不会重复显示，而且背景固定不随画面卷动...
像这样的设定可以让网页的版面便的比较好看一点....
背景图也能用的更完美....

对于背景与<body>的设定大概就是这样..
如果以上的内容有误或着有问题的话..
欢迎你mail给我...

编辑: 点击次数: