在头部head区域加入代码:
接着上传背景图2012.jpg到目录images下就可以了。
下载文件 (已下载 32 次)
图片源文件2012.png下载地址:图片源文件2012.png
说明:2012.png中的默认网页宽度(白色背景部分)为980px,请自行根据自己网站的宽度调整。
再补充另外两个代码,一样的,也是放在头部head之间。
background-repeat:no-repeat; 背景图片无伸展
background-repeat:repeat-x; 背景图片横向伸展(宽度)
background-repeat:repeat-y; 背景图片纵向伸展(长度)
<style>
body { background-image:url(images/2012.jpg); background-repeat:no-repeat; background-position: top center; padding-top:100px;}
</style>
body { background-image:url(images/2012.jpg); background-repeat:no-repeat; background-position: top center; padding-top:100px;}
</style>
接着上传背景图2012.jpg到目录images下就可以了。
下载文件 (已下载 32 次)图片源文件2012.png下载地址:图片源文件2012.png
说明:2012.png中的默认网页宽度(白色背景部分)为980px,请自行根据自己网站的宽度调整。
再补充另外两个代码,一样的,也是放在头部head之间。
<style type="text/css">body{background:url(images/2012.jpg) no-repeat 50% 0!important;margin-top:1px;}</style>
<style>
body { background-image:url(images/2012.jpg); background-repeat:no-repeat; background-position: top center; padding-top:52px;}
.main01{clear:both;width:960px;margin:10px auto 0px auto;overflow:hidden;}
.main01 .left {float: left;width: 300px;}
</style>
body { background-image:url(images/2012.jpg); background-repeat:no-repeat; background-position: top center; padding-top:52px;}
.main01{clear:both;width:960px;margin:10px auto 0px auto;overflow:hidden;}
.main01 .left {float: left;width: 300px;}
</style>
background-repeat:no-repeat; 背景图片无伸展
background-repeat:repeat-x; 背景图片横向伸展(宽度)
background-repeat:repeat-y; 背景图片纵向伸展(长度)
屋顶积雪
2012/01/20 10:57
好东东
融江 回复于 2012/01/20 11:13
好用就好,哈哈!
网友
2012/01/20 10:54
谢谢分享,十分好用。
融江 回复于 2012/01/20 11:12
不客气。
分页: 1/1
1
1
网页中直接显示FLASH动画的代码
经典的Discuz!论坛程序收录



