如何给网站整站添加背景图片

 2012-07-07    501  

我们在打开博客的时候,有时会看到有的网页添加了背景图片。从而让网页增加了不少的乐趣。一个好的背景可以更好体现网站的风格。也让自己的网站与众不同。赏心悦目的图片可以让人眼前一亮。

同样,我们在网站制作过程中也会遇到这样的问题,那么怎么给网页加背景呢?

网站整站背景图片的添加方法如下:

方法一、新建一个表格,在DW里面直接有“背景”选项,可以在电脑里选择一张图片来设置成网页背景。
 
方法二、直接写代码

<TABLE height=600 width=600 background=你的背景图片地址 border=0>
<TR>
<TD>www.uqu8.com关于添加背景图片的文章。
</TD>
</TR>
</TABLE>

方法三、在body里面设置

<body background=要设置的网页背景图片>

方法四、用CSS定义body的背景

<STYLE TYPE="text/css">
<!--
BODY {background-image: URL(图片名称.gif);
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;}
-->
</STYLE>

方法五、直接在CSS中添加背景图片

在背景颜色代码的底部添加代码(红色部分):

html{
background:#000;(背景颜色代码)
background-image: URL(图片名称.gif);
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;

背景图片是很多网页设计者经常添加的东西,当网页内容超出一屏时,拉动滚动条背景图片会与内容相对静止的一起滚动,那么能否锁定背景不跟随滚动呢?background-attachment: fixed;设置为背景不可以滚动,因为滚动的背景不是很好看。

关于网页背景图代码的释义:
background-image:url(图片地址) ; 这个是定义背景图片
background-repeat: no-repeat; 这个是定义背景图片不重复
background-position: center; 这个是定义背景居中
background-attachment: fixed; 定义背景图片的滚动

当然,我们不建议用纯色的图片来当做网页的背景,如果你有一张淡绿色的图片,你用它来做背景,会怎么样呢?实际情况是:纯色的背景是可以用背景颜色来代替的。背景颜色(bgcolor)和图片(background)是网页代码两个关于背景的属性,一个是bgcolor,是设置背景颜色的;background用来设置网页背景的,所以如果一个纯色的图片,最好设置背景颜色就行了。

经过前面几种方法。就可以给网页添加背景图片了。

上一篇>>DEDECMS V5.7网站添加背景图片的方法

=========================================

下一篇>>菜鸟站长挖掘长尾关键词图文教程