注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

博扫天下

时尚娱乐

 
 
 

日志

 
 

网页背景图片代码  

2010-10-03 13:24:23|  分类: 博客装修 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自静湖《网页背景图片代码》

网页背景图片代码

<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>
  评论这张
 
阅读(236)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017