网页背景图片代码

宁静致远2023 2013-09-01

展开全文

网页背景图片代码

<P </P></SPAN><SPAN>
<TABLE width="100%">
<TBODY>
<TR>
<TD align=left>
<DIV id=divTitle style="FONT-SIZE: 30px"><B></B> </DIV></TD></TR>
<TR>
<TD style="FONT-SIZE: 30px; LINE-HEIGHT: 150%" align=left>
<CENTER> </CENTER>
<STYLE type=text/css><!--body {background-image:url( 图片地址);

background-repeat:no-repeat;

background-attachment:fixed;background-position:50% 50%}</STYLE>
</TD></TR></TBODY></TABLE></SPAN>

说明：

no-repeat;（不平铺）

改为这个repeat（平铺）

你要以看一下两边

覆盖首页代码

<DIV id=Layer1 style="Z-INDEX: 8; LEFT: 0px; WIDTH: 1007px; POSITION: absolute; TOP: 0px; HEIGHT: 750px">这里是你想要的内容</DIV>

下面是个事例：
<DIV id=Layer1 style="Z-INDEX: 8; LEFT: 0px; WIDTH: 299px; POSITION: absolute; TOP: 405px; HEIGHT: 44px">这里是你想要的内容</div>

解释一下：
层的属性定义主要是在style里面
z-index 指层的z顺序，值越大就放在越上面，可以覆盖值小的层
left top 指离上边和左边的距离
position 是定义层定位的方式，absolute是指绝对定位
width height 定义层的大小就是宽和高层是一个矩形
这样这个代码插进去然后调整一下层的位置，把它调整到合适的地方你想要显示网页元素的地方，就可以了然后把要显示的内容插入 <div></div>之间就可以了。
其实很简单，就可以突破模板上定位的限制，我所有不按模板显示的元素都采用了这个方法，呵呵就是在调整位置的时候，要多试几次，把位置调整好就可以了

另外：方法一：给表格加背景图
在文章编辑的时候点击创建表格后，在弹出的窗口中把边框设置为0,然后填上背景图片的链接地址就好了

也可以用代码：
<TABLE height=600 width=600 background=你的背景图片地址 border=0>
<TBODY>
<TR>
<TD>内容</TD></TR></TBODY></TABLE>

方法二：给网页加背景图1
<body background=你的背景图片地址 >

方法三：给网页加背景图2
<STYLE type=text/css> </STYLE>

方法四：给网页加背景图3

背景图是在HTML模式下把以下代码加到已有代码最前面：
<body background="图片地址">
注：图片地址必须是网络上已有的图片，不是本地机的，如果要链接本地机的，必先在相册或者其他文章上传之后才可以调用。

方法五：给网页加背景图4
<STYLE TYPE="text/css">

</STYLE>