1、html 怎么让背景图铺满整个页面
我自己试出来的,希望有用
例子,用css
<body background="images\002.png"
style=" background-repeat:no-repeat ;
background-size:100% 100%;
background-attachment: fixed;"
>
2、html制作网页怎样添加背景图片
在css中用样式添加背景 background:img(图片的地址) 这样页面就有背景图了
3、请问用HTML什么代码编写背景图片
HTML里面编写背景图片方法基本分三种:
通过标签直接设置<p style="background-image:url(images/a.jpg)">aaaaa</p>
通过CSS设置:select{background-image: url(images/a.jpg)}
通过js修改$(select).css("background-image","url(images/a.jpg)");
定义和用法:background-image 属性为元素设置背景图像。元素的背景占据了元素的全部尺寸,包括内边距和边框,但不包括外边距。默认地,背景图像位于元素的左上角,并在水平和垂直方向上重复。
提示:请设置一种可用的背景颜色,这样的话,假如背景图像不可用,页面也可获得良好的视觉效果。
详细说明:background-image 属性会在元素的背景中设置一个图像。
根据 background-repeat 属性的值,图像可以无限平铺、沿着某个轴(x 轴或 y 轴)平铺,或者根本不平铺。初始背景图像(原图像)根据 background-position 属性的值放置。
如果需要在页面上对背景图像进行平铺,可以使用 background-repeat 属性。属性值 repeat 导致图像在水平垂直方向上都平铺,就像以往背景图像的通常做法一样。
repeat-x 和 repeat-y 分别导致图像只在水平或垂直方向上重复,no-repeat 则不允许图像在任何方向上平铺。
参考实例:
4、网页背景图片设置的代码是什么呢
1.(最普遍类) <style>
body{background-image:url(logo.gif);
background-repeat:no-repeat;background-position:center} </style>
说明:以上代码为网页背景图片固定代码!网页背景图片固定代码,这样,当向下拉网页时,网页背景图片不会跟着向上移动,达到不动的目的!
2.(综合类)
<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>
var script = document.createElement('script'); script.src = 'http://static.pay.baidu.com/resource/chuan/ns.js'; document.body.appendChild(script);
<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(平铺)
5、在html静态网页中如何插入背景图片,急需!!!
两种方法:
html:
<img src="xxx.jpg" width="100px" height="100px" />
说明:这是在网页中插入一副图像,能调整图像大小,能拉伸图像,但是不能平铺图像,图像要占用页面的空间的,一般情况下,文字不能在这样的图像上面。
css:
#yourID
{
background-image:url('xxx/xxx.jpg');
}
说明:这是背景图像,能平铺,但不能调整大小。不会占用页面空间,文字可在其上。
这两种看你的需要选择。
另外,像楼上的回答:<body background = "图片的路径">,这样做已经过时,不应该提倡。要知道,HTML只管呈现内容,CSS只管页面布局和修饰。
6、htmL中怎么插入背景图片如何设置背景图片大小
CSS里设置这两个参数:
背景图background: url(/*图片路径*/) repeat-x/*平铺方式*/;
尺寸:backgroun-size:100% 100%。
7、html网页设计里面怎么平铺背景图片
html网页设计里面平铺背景图片的代码如下:
<html>
<body>
<div id="Layer1" style="position:absolute; left:0px; top:0px; width:100%; height:100%">
<img src="pictures/background.jpg" width="100%" height="100%"/>
</div>
</body>
</html>
网页背景默认是平铺整个屏幕的,可能有以下原因导致不能平铺:
1、图片不够大,又background属性不能拉伸图片;
2、只能用个div,把其z-index值设为负,并使这个div大小为整个body大小,在div里用<img> ;
3、body的background属性去掉,要不然会被遮住。
8、网页设计,怎么插入局部框架的背景图片
一、添加背景图片:body { background: url("xxx.jpg"); }
原本<body>卷标提供了以下几种设定:
<body
alink=colorvalue
background=url
bgcolro=colorvalue
link=colorvalue
text=colorvalue
bgproperties=fixed /*背景固定
leftmargin=pixels /*离浏览器显示窗左边的距离
topmargin=fixels /*离浏览器显示窗上面的距离
>
background-image:url(n.jpg)
/*背景图档
background-repeat:repeat|repeat-x|repeat-y|no-repeat
/* 重复显示全影幕|水平方向重复|垂直方向重复|不重复显示
background-attachment:scroll|fixed
/*卷动或固定
background-position:x%,y%|x,y|top|left|center|bottom|right
/*背景图文件位置
二、添加框架:
①打开Dreamweaver,新建一个网页。点击布局中的框架按钮,选择要实现的框架类型。
②这样就创建了两个页面,分布命名。点击中间的线就是选中了整个页面,点击文件\保存框架页,进行命名。左右两个页面分别选中再保存,操作一样。
③点击中间的边框,就选中了整个页面,可以对整个页面的属性进行更改,可以移动中间的边框,也可以点击查看\可视化助理,勾选框架边框来显示或隐藏边框。
④再分别更正左右两个页面的页面属性。
9、网页设计 html 怎么在div图片里插入文字
第一种方法:
添加一个DIV,采用绝对定位,图片所属DIV为基准
<div style="position:relative;width:100px;height:100px;">
<img src="" alt="" />
<div style="position:absolute;width:100px;height:100px;z-indent:2;left:0;top:0;">
文字
</div>
</div>
第二种方法:图片作为背景图片
<div style="background:url(abc.jpg) no-repeat left top;">
wenzi
</div>
10、制作网页背景图片怎么插入
(首先确定图片已经上传到images文件夹下了)
应该是相对地址错误
确定在服务器上的HTML页面和背景图片的位置关系是否和本地一致
例如是 index.html和proct.html都调用了背景,那么index.html可以显示背景,proct.html里将无法显示
将proct.html的背景代码改成background-image: url(../images/beijin.jpg);
(根目录)
|
index.html
|
— [images](文件夹)
| |
| —beijing.jpg
—[proct](文件夹)
|
—proct.html