导航:首页 > 万维百科 > 网页设计如何添加背景图片

网页设计如何添加背景图片

发布时间:2021-03-14 14:38:42

1、制作网页时怎么添加背景图片

?

2、html网页制作中如何设置背景图片(如何引用)

1、首先打开Atom编辑器导入项目文件夹,先创建一个index.html的文件。定义一下html文件的主信息:

2、然后填写自己的网页内容, 设置一下样式,直接在body后面加上background="图片名字"即可插入图片:

3、最后来到浏览器,刷新一下网页,这样就会显示背景了:

3、网页设计,div层如何添加背景图?

是的,如果直接给div写样式,确实是所有的div都会应用此样式;
方法有很多,你可以定义一个样式名,例如 .cc:{background:#999},所需要添加此样式的那个div 设置class="cc";
方法二 :你也可以定义一个id然,例如 #dd:{background:#999},给你所需要添加此样式的那个div设置 id="dd";
明白了吗?
希望我的回答对你有帮助,望采纳。。。谢谢了~~~

4、Dreamweaver制作网页怎么添加背景图片?

建一个新的网页,然后在下面的属性栏里找到背景,然后再添加你想要的背景图片,(前提是,该图片必须在你的这个站点内)

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、网页设计DW 怎么添加背景图片代码是多少

不知道你的意思是哪种的背景图片!

1.假如是整张网页的背景图片的话,就是写body的css样式 也就是 

body { background: url("图片的地址")}

2.一般的假如图片的话 

<img src="图片的地址">

3.一般div块的地址

div{ background:url("图片的地址")}

7、网页设计如何将一张图片作为网页背景图片?

给装图片的div一张背景图,比如下面代码:
div{background:url(图片路径) no-repeat;background-size:100%;}
背景图片百分百显示,no-repeat意思是不重复显示

8、html里怎么插入背景图片??急

1、插入背景图片来有两种方法,一自种是用html的img标签,另一种是利用css的background标签插入。具体操作是首先新建一个html文件,写入两个div,分别用来演示两种方法插入标签:

2、首先是用html标签插入图片,这里直接在img标签中使用src属性就可以插入图片路径就成功了:

3、接着是用css插入,在div中设置class属性为img2,在script标签中使用background标签插入,其中url是标签的路径,no-repeat是设置图片不重复,center是设置照片居中显示:

4、最后给这些标签都设置一些样式,让它们显得美观一些。然后打开浏览器查看效果:

5、打开浏览器,可以看到照片都显示出来了。以上就是html插入照片的方法介绍:

9、网页设计制作,怎么插入背景图片?谢谢指教

页面属性里面可以添加
你打开以后看下就知道了

10、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属性去掉,要不然会被遮住。

与网页设计如何添加背景图片相关的知识