打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
网页背景图片代码

网页背景图片代码

<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><!--body {background-image:url(你的背景图片地址);background-repeat:no-repeat;background-attachment:fixed;background-position:50% 50%}--> </STYLE>

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

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

方法五:给网页加背景图4
<STYLE TYPE="text/css">
<!--
BODY {background-image: URL(图片名称.gif);
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;}
-->
</STYLE>
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
背景制作
春节期间 如何让你的网站背景变换?
引用 引用 给网页加背景图片的代码,电脑技术|网络技术|网页设计|程序设计
如何在博客中设置固定的背景图片
代码学习群简易教程(22)
新浪博客代码集
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服