backgroundattachment（网页背景图片代码汇总

本文目录

• 网页背景图片代码汇总
• 如何在html中插入整个页面的背景图

网页背景图片代码汇总

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;“

你看，背景就充满页面了。

扫码加微信详细咨询太和智慧养老产品和平台服务！

扫码加微信详细咨询太和智慧养老产品和平台服务！

扫码加微信详细咨询太和智慧养老产品和平台服务！