背景在网页中的应用已经非常普遍,下面简单介绍末米吧背景在网页中的应用。
一。网页背景颜色的设置
在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代码为
....