本文目录
网页背景图片代码汇总
1、普遍类的网页背景图片代码
《style》body{background-image:url(logo.gif);background-repeat:no-repeat;background-position:center}《/style》
说明:以上代码为网页背景图片固定代码,当向下拉网页时,网页背景图片不会跟着向上移动,达到不动的目的!
2.(综合类)
3.《P class=style6》 《/P》《/SPAN》《SPAN》
《TABLE width=“100%“》
《TBODY》
《TR》
《TD class=ArticleTitle align=left》
《DIV id=divTitle style=“FONT-SIZE: 30px“》《B》《/B》 《/DIV》《/TD》《/TR》
《TR》
《TD class=ArticleContent 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(平铺)
你要以看一下两边
方法一:
文章的时候点击创建表格后在弹出的窗体中把边框设置为0,然后填上背景图片的链接地址就好了
也能够用代码:
《TABLE height=600 width=600 background=你的背景图片地址 border=0》
《TBODY》
《TR》
《TD》你的主体内容《/TD》《/TR》《/TBODY》《/TABLE》
方法二:
《body background=你的背景图片地址 》
方法三:
《STYLE type=text/css》《!--body {background-image:url(你的背景图片地址);background-repeat:no-repeat;background-attachment:fixed;background-position:50% 50%}--》 《/STYLE》
方法四:
背景图是在HTML模式下把下面代码加到已有代码最前面:
《body background=“图片地址“》
注:图片地址必须是网络上已有的图片,不是本地机的,假设要链接本地机的,必先在相冊或者其它文章上传之后才干够调用。
方法五:
《STYLE TYPE=“text/css“》
《!--
BODY {background-image: URL(图片名称.gif);
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;}
如何在html中插入整个页面的背景图
用Dreamweaver软件
一、打开Dreamweaver,然后选中html,出来了一个html标准文档。
二、在《body》标签里添加文件路径,语法如下:
《body background=“文件路径“》
这时,页面虽然充满了背景,但可以看出背景图片被填充了多次。
三、在《body》里添加样式,代码如下:
style=“ background-repeat:no-repeat ;
background-size:100% 100%;
background-attachment: fixed;“
你看,背景就充满页面了。