给网页添加背景图片

最新推荐文章于 2024-01-14 18:31:58 发布

转载最新推荐文章于 2024-01-14 18:31:58 发布 · 2.3w 阅读

文章标签：

#border #url #table #css

本文详细介绍了如何为网页添加背景图片，并解释了代码实现的各部分含义。包括使用DW软件、直接写代码、设置body背景以及CSS定义body背景等方法。同时，讨论了背景图片是否跟随滚动的问题及解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本文详细地址：http://www.siviy.com/webnews/newsshow.asp?id=513

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

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

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

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

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

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

4.用CSS定义body的背景
<STYLE TYPE="text/css">

</STYLE>

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

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

当然，我们不建议用纯色的图片来当做网页的背景，如果你有一张淡绿色的图片，你用它来做背景，会怎么样呢？实际情况是：纯色的背景是可以用背景颜色来代替的。背景颜色(bgcolor)和图片(background)是网页代码两个关于背景的属性，一个是bgcolor，是设置背景颜色的；background用来设置网页背景的，所以如果一个纯色的图片，最好设置背景颜色就行了。
本文详细地址：http://www.siviy.com/webnews/newsshow.asp?id=513