背景在网页中的应用介绍

背景在网页中的应用已经非常普遍,下面简单介绍末米吧背景在网页中的应用。

一。网页背景颜色的设置
在HTML代码中,使用 的方式设置网页背景颜色
CSS 的方式为:

body { background-color:#000000;}

以上 #000000 为十六进制的颜色值,比如#0000FF、#FFFF00 等等
也可使用英文单词的方式,如 red、yellow 等等
具体颜色方面的说明末米吧教程中有单独说明。

二。网页背景图片的设置

在HTML代码中,使用 来设置网页的背景图片
CSS 的方式为:

body { background-image:url(test.gif);}

test.gif 是与网页同目录的图片名称。

三。网页中如何控制平铺背景图片

用CSS的方式处理:

body{
background-image:url(test.gif); //设置背景图片
background-repeat:no-repeat; //设置平铺方式 no-repeat repeat-y repeat-x
background-position:top right; //设置背景位置 top right left bottom
}

这里特别说明background-repeat的repeat-y repeat-x属性,末米吧中有很多背景
比较适合横铺或纵铺,横铺用repeat-x,纵铺用repeat-x 。
而background-position则是控制背景的位置,如果想在页面最下方平铺背景,
就需要用到background-position:bottom 。

四。网页中局部的背景设置

局部背景的设置目前也比较常见,比如表格的背景,输入框的背景。
参考以上三点只需要做很小的修改就可以实现,例如 CSS的方式:

body { background-image:url(test.gif);}

我们将 body 更改为 .table

.table { background-image:url(test.gif);}

table代码为


....



这样表格中就设置好背景了,输入框或者层的背景设置采用相同的方式。






  • 发布时间:2012-07-16
  • 阅读次数:4213