1、html网页制作中如何设置背景图片(如何引用)
1、首先打开Atom编辑器导入项目文件夹,先创建一个index.html的文件。定义一下html文件的主信息:
2、然后填写自己的网页内容, 设置一下样式,直接在body后面加上background="图片名字"即可插入图片:
3、最后来到浏览器,刷新一下网页,这样就会显示背景了:
2、网页设计背景图片代码。
||比如
root比如这样的
想在1.html中使用1.jpg,<img src="../images/1.jpg" />
main.css中使用的话,可以background:url(../../images/1.jpg);
3、网页设计中的背景图片设置
他这个图片应该是加在body上的,然后你想要的效果拉动浏览器 然后图片跟着变化是吧,,那就是页面自适应,那将图片的width设置为20% 这种百分制的就可以了!!
希望能帮到你!!!
4、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属性去掉,要不然会被遮住。
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、网页设计背景图片显示不出来
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body background="背景图片地址">
</body>
</html>
7、html网页制作中,把图片放在左下方怎么做
用嵌套的div来相对定位:
<div id="beijing" style="background-image:url(image/bg/nav_blue.gif); width:400px; height:200px;"><div style="margin-left:100px; margin-top:50px; border:#F00 solid 1px; width:80px; height:40px;"></div></div>
上面是个例子
下面的代码解释 :
margin-left:100px;就是距离背景层版左边的距离为权100像素,
margin-top:50px; 就是距离背景层上边的距离为50像素;
如果你想把图放到左下方的地方,
就用margin-left:100px;
右边的话就用margin-right:100px;
代码第一行打括号的地方就是放图片链接的
自己拿去再稍加琢磨,应该很快就可以搞定了!
htm代码其实很容易懂的!
祝你成功吧
8、HTML网页设计的背景图片设置问题,在线求解
这应该是不行的 ,因因为你分了框架之后,左右两边是两个不同的页面,背景图肯定不能共用一张的,解决办法应该是把你的背景图片分成两半,一边放一半
9、网页设计 背景图片
在那个框架里图片的长宽也做成100% 图片要做大现在是600*400 把它做成1800*1200要不光是图片没办法是 只有FLASH能实现