乾坤纵横科技

首页>研究中心>怎么设计网页的背景图片平铺

怎么设计网页的背景图片平铺

发表时间:2015-03-02

作者:管理员

点击量:1353

对于很多刚刚接触网页设计的朋友来说,怎么设计网页的背景图片平铺是经常遇到的问题。
网页的背景图片平铺主要有以下四种:①完全平铺、②水平方向平铺、③垂直方向平铺、④不平铺 。 代码如下,实际使用中可以根据需要选择:

<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;
详细代码:
①完全平铺 
<BODY background="image.gif"> 
②水平方向平铺
<BODY style="background-image : url(image.gif);background-repeat : repeat-x;"> 
③垂直方向平铺
<BODY style="background-image : url(image.gif);background-repeat : repeat-y;">
④不平铺 
<BODY style="background-image : url(image.gif);background-repeat : no-repeat;"> 

免费咨询热线

4000-668-806

在线客服