1、怎么样用CSS制作网页背景图片?
网页的来整体背景是在源<head></head>之间定义的!
只要把此代码放在<head><style
type="text/css">background:ulr(../images/tupian.gif)括号里换成你自已的图片地址.</style></head>之间即可.
2、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属性去掉,要不然会被遮住。
3、网页制作如何吧小图片设置成背景?
是平铺在整个网页里,还是表格内?
如果,这个网页里,用DM工具,修改专--页面属性,里有属个背景图像设置,选中小图片。如果,是个表格,选中表格,在下面的属性工具栏里有背景图像设置,选中小图片。
那样可以做到平铺。
4、如何制作网页背景啊?
3.设置网页的背景图像
网页的背景色和背景图选择得好,会是页面增色不少。如果选取单一的背景色,难免显得单调,如果选择整个图片做背景,由于图片本身的文件大,造成网页的加载时间长,一般用户很难有耐性等待下去。那么带背景的网页是如何制作出来的?
很简单,一般是采用一幅很小的图片,然后铺展开,形成很漂亮的背景。对背景图的要求当然是越漂亮越好,文件越小越好。这里我们不谈论图片的制作了。
当你有了一幅可以自然拼接的图像后,在Dreamweaver中,我们可以设置background图片。
打开源文件我们可以看到〈BODY〉标签中多了一串代码。代码的表达式如下:
<BODY BACKGROUND="images/back001.gif" BGCOLOR="#FFFFFF" >
这里的images/back001.gif就是BACKGROUND的值,其图像文件名为一个URL。 当然我们可以在源代码中直接加入上面的代码。
下面是一个小例子。假如我们有了一幅适合做背景的小图,文件为back001.gif,下面就可以重新编写HTML代码了。
<HTML>
<HEAD>
<TITLE>欢迎洪恩在线</TITLE>
</HEAD>
<BODY BACKGROUND="images/back001.gif" BGCOLOR="#FFFFFF">
<P><FONT FACE="Arial" SIZE="5" COLOR="#0000ff">12亿中国人的网上学校</FONT><FONT FACE="5" COLOR="#0000ff">电脑乐园</FONT></P>
</BODY>
</HTML>
下面是这段代码产生的显示效果:
怎么样?如果你选择的背景图片质量很高的话,背景会更漂亮的。
你可以参照:洪恩在线http://www.hongen.com/pc/homepage/webjq/pm003.htm
5、DW网页设计如何设置背景图片问题
要把图像放入背景,需要使用 background-image 属性。background-image 属性的默认值是 none,表示背景上没有放置任何图像。
如果需要设置一个背景图像,必须为这个属性设置一个 URL 值:
body {background-image: url(/i/eg_bg_04.gif);}
大多数背景都应用到 body 元素,不过并不仅限于此。
下面例子为一个段落应用了一个背景,而不会对文档的其他部分应用背景:
p.flower {background-image: url(/i/eg_bg_03.gif);}
您甚至可以为行内元素设置背景图像,下面的例子为一个链接设置了背景图像:
a.radio {background-image: url(/i/eg_bg_07.gif);}
理论上讲,甚至可以向 textareas 和 select 等替换元素的背景应用图像,不过并不是所有用户代理都能很好地处理这种情况。
另外还要补充一点,background-image 也不能继承。事实上,所有背景属性都不能继承。
背景重复
如果需要在页面上对背景图像进行平铺,可以使用 background-repeat 属性。
属性值 repeat 导致图像在水平垂直方向上都平铺,就像以往背景图像的通常做法一样。repeat-x 和 repeat-y 分别导致图像只在水平或垂直方向上重复,no-repeat 则不允许图像在任何方向上平铺。
默认地,背景图像将从一个元素的左上角开始。请看下面的例子:
body
{
background-image: url(/i/eg_bg_03.gif);
background-repeat: repeat-y;
}
6、html网页制作中如何设置背景图片(如何引用)
1、首先打开Atom编辑器导入项目文件夹,先创建一个index.html的文件。定义一下html文件的主信息:
2、然后填写自己的网页内容, 设置一下样式,直接在body后面加上background="图片名字"即可插入图片:
3、最后来到浏览器,刷新一下网页,这样就会显示背景了:
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属性去掉,要不然会被遮住。