导航:首页 > 万维百科 > 网页设计背景全铺

网页设计背景全铺

发布时间:2020-09-03 20:32:19

1、怎么使网页中的背景图片平铺~!急

CSS设置背景图片平铺:
<style type="text/css">
<!--
body {
background-image: url(img/top04.jpg);
background-repeat:no-repeat;:repeat;repeat-x;repeat-y;
【在此设置,分别显示背景为,不平铺,平铺,沿X轴平铺,沿Y轴平铺】
}
-->
</style>
解决办法,图片高宽设置合适后,使用background-repeat:no-repeat;

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、网页制作里背景怎么平铺填满啊 还有没有其他方法

是用一张图片将整个屏幕铺满吗?如果是的话:

1:用CSS3(对浏览器有要求)。
2:将背景图片做的比浏览器窗口宽高大。
3:用fixed固定图片,而不采用背景的方法(百度首页背景图片就是采用这种方法)。

4、CSS中如何设拉伸背景图片铺满屏幕

#bg{
margin:0px;
background: url(images/beijing.png) no-repeat;
background-size:100% 100%;
background-attachment:fixed;
}

扩展资料:

url(images/beijing.png)——图片路径的位置;

no-repeat—— 图片不重复;

center 0px——center是距离页版面左边权的定位,0px是距离页面上面的定位;

background-position: center 0——就是图片的定位,同上;

background-size: cover;——把背景图像扩展至足够大,以使背景图像完全覆盖背景区域。背景图像的某些部分也许无法显示在背景定位区域中;

min-height: 100vh;——视窗的高度,“视区”所指为浏览器内部的可视区域大小,即window.innerWidth/ window.innerHeight大小。

5、dw中用HTML如何将背景图片平铺?

需要准备的材料分别有:电脑、浏览器、dw编辑器。

1、首先,打开dw编辑器,新建html文件,例如:index.html。

2、在index.html中的<style>标签中,输入css代码:

body {background: url(small.png) no-repeat;background-size:cover;}

3、浏览器运行index.html页面,此时背景图片被设置为平铺在html页面上。

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

7、html 怎么让背景图铺满整个页面

我自己试出来的,希望有用
例子,用css
<body background="images\002.png"
style=" background-repeat:no-repeat ;
background-size:100% 100%;
background-attachment: fixed;"
>

8、css 如何让1920辨率背景图片满屏全铺

做1920宽度的背景;

做100x100尺寸以内的小背景,通过background-image属性引入图片,使其上下左右循环重复,达到满屏效果,即四方连续。

9、网页制作背景怎么把背景素材铺满但不重叠

铺满不重叠的话,首先你要保证图片比较大,能铺满背景,不重叠的话,加上一句background-repeat:no-repeat;就可以了

与网页设计背景全铺相关的知识