css中如何设置背景图片的大小 | 您所在的位置:网站首页 › img可以设置的属性 › css中如何设置背景图片的大小 |
css中设置背景图片的大小的方法:可以利用background-size属性来进行设置,如【background-size:80px 60px;】。background-size属性可以指定背景图片的宽度和高度。 环境: 本文适用于所有品牌的电脑。 (推荐教程:css视频教程) 属性介绍: background-size属性指定背景图片大小。 语法: background-size: length|percentage|cover|contain;属性值: length 设置背景图片高度和宽度。第一个值设置宽度,第二个值设置的高度。如果只给出一个值,第二个是设置为 auto(自动) percentage 将计算相对于背景定位区域的百分比。第一个值设置宽度,第二个值设置的高度。如果只给出一个值,第二个是设置为"auto(自动)" cover 此时会保持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最小大小。 contain 此时会保持图像的纵横比并将图像缩放成将适合背景定位区域的最大大小。 举例: 控制背景图片的大小 div { background:url(img_flwr.gif); background-size:80px 60px; background-repeat:no-repeat; }相关推荐:CSS教程 更多关于云服务器,域名注册,虚拟主机的问题,请访问西部数码官网:www.west.cn |
CopyRight 2018-2019 实验室设备网 版权所有 |