Heim >Web-Frontend >HTML-Tutorial >这种背景可以自由按窗口扩缩的是怎么做的?_html/css_WEB-ITnose

这种背景可以自由按窗口扩缩的是怎么做的?_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-21 09:43:54885Durchsuche

这种背景可以自由按窗口扩缩的是怎么做的?

回复讨论(解决方案)

CSS背景图 平铺。

只要背景图片支持平铺就OK了

然后页面的div  宽度100%;高度100%;平铺背景。



基本上结构是这么写的

<body>	<!-- 页面整个背景,也就是看到的蓝色背景,平铺可延展图片 -->	<div style="width:100%;height:100%">		<div style="width:1002px;margin:0 auto">			<!-- 页面主内容,就是看到的登录表单 -->		</div>	</div></body>

背景就是一张蓝色图片剧中
左上角  右下角 是分开的小图片 进行了定位

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn