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

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

特别声明

本文仅代表作者观点,不代表本站立场,本站仅提供信息存储服务。

分享:

扫一扫在手机阅读、分享本文