㈠ CSS中如何设拉伸背景图片铺满屏幕
body{
background: url("image.png") no-repeat;
height:100%;
width:100%;
overflow: hidden;
background-size:cover;或者background-size:100%;
}
(1)css背景图片平铺扩展阅读:
CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。 CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。
编程工具
记事本:使用Windows系统自带的记事本可以编辑网页。只需要在保存文档时,以.html为后缀名进行保存即可。
Dreamweaver:它与Flash、Fireworks并称网页三剑客。Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,它是第一套针对专业网页设计师特别开发的视觉化网页开发工具,利用它可以轻而易举地制作出充满动感的网页。
㈡ css中 背景图片全面平铺 的代码是什么
源代码:
<styletype="text/css">
body{
background-color:#FFFFFF;
background-image:url(背景图片地址);
background-repeat:no-repeat;
background-position:center0;
}
</style>
改后代码:
<styletype="text/css">
body{
background:url(背景图片地址)repeatcenter0#fff;
}
</style>
或者试试CSS3中的效果:
<styletype="text/css">
body{
background:url(背景图片地址)repeatcenter0#fff;
background-size:cover;
}
</style>
㈢ 怎么用css把背景图片拉伸 不是平铺
1、首先准备一张设置为背景的图片,这边准备的是一张650px*347px的图片。
㈣ css中使用图片做背景怎么让突变平铺整个页面
您好,非常荣幸能在此回答您的问题。以下是我对此问题的部分见解,若有错误,欢迎指出。你好!css中有一个背景图片的属性可以解决这个问题哦 你可以尝试下:
background-repeat no-repeat
这个属性哦。非常感谢您的耐心观看,如有帮助请采纳,祝生活愉快!谢谢!
㈤ CSS 背景图片重叠铺满整个层
background-repeat:no-repeat;去掉
㈥ css 背景平铺
不平铺应该是background-repeat:no-repeat;背景图片等于整个网页的宽和整个网页的高不好实现,因为图片会变形,屏幕太大会让图片失真,用大图片又会影响网页打开速度,
㈦ 这个CSS背景代码,怎么改一下就可以把背景图片平铺呢
源代码改为:
<style type="text/css">body {background-color:#FFFFFF;background-image:url(背景图片地址);background-repeat:repeat;background-position:center 0;}</style>
也可以简化为:
<style type="text/css">body {background:#FFF url(背景图片地址) repeat center 0;}</style>
水平平铺:
<style type="text/css">body {background-color:#FFFFFF;background-image:url(背景图片地址);background-repeat:repeat-x;background-position:center 0;}</style>
垂直平铺:
<style type="text/css">body {background-color:#FFFFFF;background-image:url(背景图片地址);background-repeat:repeat-x;background-position:center 0;}</style>
希望对你有帮助。
㈧ 怎样用css 使背景图片覆盖整个页面
覆盖整个页面也就需要图片占据整个屏幕或者占据整个html元素;
在css3出来之后,有一个属性background-size;
这个属性可以给背景图片设置大小,当值为100% 100%的时候也就是说把图片宽高都设置成百分百,然后元素有多大,图片就会伸展多大,也就是说的整个页面
㈨ 急!!如何用css实现背景图片纵向平铺
1、再css中定义css的背景图片,修改CSS的一下部分:
background-image:url(../images/bg_middle.jpg);
2、在之后加上background-repeat:repeat-y; 这个属性可以让图片纵向平铺
3、看图片是否会需要居中如果需要的话加上background-position: center
㈩ css背景图片不能平铺显示
background-repeat:repeat-x;这一句有问题,它的意思是背景图片横向无限重复,而纵向就不重复了。因此,把这句代码删掉就能全部无限重复了。