background-size 设置背景图片的大小_html/css_WEB-ITnose
程序员文章站
2024-01-09 21:24:34
...
background-size
设置背景图片的大小,以长度值或百分比显示,还可以通过cover和contain来对图片进行伸缩。
语法:
background-size: auto | | | cover | contain
取值说明:
1、auto:默认值,不改变背景图片的原始高度和宽度;
2、:成对出现如200px 50px,将背景图片宽高依次设置为前面两个值,当设置一个值时,将其作为图片宽度值来等比缩放;
3、:0%~100%之间的任何值,将背景图片宽高依次设置为所在元素宽高乘以前面百分比得出的数值,当设置一个值时同上;
4、cover:顾名思义为覆盖,即将背景图片等比缩放以填满整个容器;
5、contain:容纳,即将背景图片等比缩放至某一边紧贴容器边缘为止。
提示:大家可以在右边的编辑窗口输入自己的代码尝试不同取值的效果。
背景图片大小
上一篇: DataBinding的基本用法
下一篇: 黑夜路人出的几道php笔试题_php技巧
推荐阅读
-
background-size 设置背景图片的大小_html/css_WEB-ITnose
-
求解.如何给网页背景设置成一张不重复的图片?_html/css_WEB-ITnose
-
如何设置一段文字,是它的宽度是页面宽度的62%且能自动换行?_html/css_WEB-ITnose
-
dreamweaver中设置层对层的相对位置_html/css_WEB-ITnose
-
CSS3:元素的边框、背景和大小_html/css_WEB-ITnose
-
ul li设置横排,并除去li前的圆点_html/css_WEB-ITnose
-
如何设置网页中的一段文字,使它的宽度是页面宽度的62%且能自动换行?_html/css_WEB-ITnose
-
CSS3中的background-size(对响应性图片等比例缩放)_html/css_WEB-ITnose
-
createUrl和CHtml::link参数设置的区别_html/css_WEB-ITnose
-
不知大家遇到过这种问题么,一个层宽度设为100%,并设置背景图片,在浏览器中浏览,缩小窗口到滚动条出现,然后拖动滚动条到右侧,右侧的区域变成空白,怎么解决?_html/css_WEB-ITnose