网站制作价格网站制作流程                                                                                

网页实现背景图片代码大全

作者:济南网站建设   

有时候打开某些网站时会看到漂亮的背景图片。合适的背景图片能为网页加分不少。一个好的背景可以更好体现网站的风格。也让自己的网站与众不同。赏心悦目的图片可以让人眼前一亮。

 

这些漂亮的图片是如实加到网页上的呢,下面列出常用方法代码。

 

背景图片添加的代码如下:

 

1.新建一个表格,在DW里面直接有“背景”选项,可以在电脑里选择一张图片来设置成网页背景。

 

2.直接写代码
<TABLE height=600 width=600 background=你的背景图片地址 border=0>
<TR>
<TD>www.zsin.net关于添加背景图片的文章。
</TD>
</TR>
</TABLE>

 

3.在body里面设置
<body background=要设置的网页背景图片>

 

4.用CSS定义body的背景
<STYLE TYPE="text/css">
<!--
BODY {background-image: URL(/news/%E9%8D%A5%E5%89%A7%E5%A2%96%E9%8D%9A%E5%B6%87%D0%9E.gif);
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;}
-->
</STYLE>

 

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

 

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

 

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

 

以上不同的方法都能达到给网页增加背景的方法,大家具体制作时可以根据需要灵活选择。但我们也有个建议,网页的背景图片不能太花哨太凌乱,因为我们要突出的是网站的内容,网页背景图片不能太大,这样会影响网站打开速度,从而降低客户体验,这样反而得不偿失。只有选择合适的背景图片才能起到锦上添花的作用。

上一篇: 网站建设时标题title标签特别注意事项
下一篇: 济南网站制作价格 详情 功能版块 说明