⑴ background-image背景图片怎么用css缩小
需要准备的材料分别有:电脑、浏览器、html编辑器。
1、首先,打开html编辑器,新建html文件,例如:index.html。
⑵ 在网页制作中如何控制DIV居中显示,用CSS怎么控制背景图片大小
1、首先,打开html编辑器,新建html文件,例如:index.html。
⑶ div+css 如何让背景图片横向缩小
div+css 如何让背景图片横向缩小方法
方法/步骤
1、首先,需要新建一个html页面,并在页面中写上一个div。并为div添加背景图片,为背景图片添加一些基本的样式。
⑷ css中如何调整插入背景图片的大小
CSS2.1 之前是不能设置背景图大小的,CSS3就可以通过background-size来设定图片大小,可以是像素或者是百分比兄基。
例如background-size:100px 200px;表示把背景图片大小调整为100x200px。
⑸ css中如何调整插入背景图片的大小
可以通过cover和contain来对图片进行伸缩。
语法:
background-size:auto;/* 默认值,不改变背景图片的高度和宽度 */
background-size:100px 50px;/* 第一个值为宽,第二个值为高,当设置一个值时,将其作为图片宽度来等比缩放 */
background-size:10%;/* 0%~100%之间的任何值,将背景图片宽高按百分比显示察握羡,当设置一个值的时候同也将其作为图片宽度来等比败拍缩放 */
background-size:cover;/* 将背景图片等皮塌比缩放填满整个容器 */
background-size:contain;/* 将背景图片等比缩放至某一边紧贴容器边缘 */
(5)如何控制背景图片缩小css扩展阅读:
CSS背景图片自适应、全屏、填充、拉伸
方法一:js控制
<div id="formbackground" style="position:absolute; width:100%; height:100%; z-index:-1">
<img src="pictures/background.jpg" height="100%" width="100%"/>
</div>
<div id="formbackground" style="position:absolute; z-index:-1;"><img src="10.jpg" height="100%" width="100%"/></div>
<script type="text/javascript">
$(function(){
$('#formbackground').height($(window).height());
$('#formbackground').width($(window).width());
});
</script>
方法二:全浏览器兼容
.bg{
background:url(http://wyz.67ge.com/wp-content/uploads/qzlogo.jpg);
filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
-moz-background-size:100% 100%;
background-size:100% 100%;
}
⑹ 我在网页中插入了背景图片,怎样调整背景图片的大小
可以使用css的background-size属性来调整背景图片的大小,比如:
background-size: 240px 180px
背景图片的宽为240像素,高为180像素
background-size: 50% 30%
背景图片的宽设为容器宽度的50%,高设为容器高度的30%
background-size: cover
把背景图片扩展至足够大,以使背景图片完全覆盖容器区域(背景图片的某些部分也许无法显示在容器区域中)
background-size: contain
把背景图片扩展至最大尺寸,以使其宽度和高度完全适应容器区域(容器的部分边角位置可能会留空)
需要注意的是,background-size是css3的属性,浏览器必须支持css3才能看到预期的效果。好在现在的主流浏览器都是支持css3的(如果你坚持用IE6那当我没说)
⑺ css问题:如何控制背景图片的大小
1、css2中是无法控制背景图片大小的,如果想实现这种效果隐信,只能是更改图片了。
2、css3中可以通过background-size来控制图片的大小。
background-size属性用法:
background-size: length|percentage|cover|contain;
1)length:设置背景图像的高度和宽度。第一个值设置宽度,第二个值设置高度。如果只设置一个值,则第二个值会被设置为 "auto"。
2)以父元素的百分比来设置背景图像的宽度和高度。
3)把灶答轮背景图像扩展至足够大,以使背景图像完全覆盖背景区域。背景图像的某些部分也许无法显示在背景定位区域中。
4)把图像图像扩展至最大尺寸,以使其举迅宽度和高度完全适应内容区域。
具体示例可以参考:http://www.w3school.com.cn/cssref/pr_background-size.asp