在css中,可以使用background-size属性来设置背景图片的大小; 语句格式为“background-size:length|%|cover|contain;”,默认值为“auto”。
本教程的运行环境:windows7系统css北京图片,CSS3版本,DellG3笔记本。
body { background: url(img/1.jpg); background-size: 80px 60px; background-repeat: no-repeat; padding-top: 40px; }Lorem ipsum,中文又称“乱数假文”, 是指一篇常用于排版设计领域的拉丁文文章 ,主要的目的为测试文章或文字在不同字型、版型下看起来的效果。
原始图片:
功效图:
【推荐教程:CSS视频教程】
cssbackground-size 属性
背景大小属性指定背景图像的大小。
句型
background-size: length|percentage|cover|contain;
数值描述
长度
设置背景图像的高度和厚度。 第一个值设置长度,第二个值设置高度。 如果仅给出一个值,则第二个值设置为自动(手动)
百分比
将估计局部区域相对于背景的百分比。 第一个值设置长度,第二个值设置高度。 如果仅给出一个值css北京图片,则第二个值设置为“自动(手动)”
覆盖
保持图像的纵横比,并将图像缩放到完全覆盖背景定位区域的最小尺寸。
包含
图像的纵横比保持不变,并将图像缩放到适合背景定位区域的最大尺寸。