CSS3 background-size 属性

本文详细介绍了CSS3中的background-size属性,用于设置背景图像的大小。内容包括关键字cover和contain的使用,百分比和长度单位的设定,以及如何拉伸和保持图片比例填充元素空间。此外,还提供了多个实例和浏览器兼容性信息。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

实例

指定背景图像的大小:

div { background:url(img_flwr.gif); background-size:80px 60px; background-repeat:no-repeat; }


尝试一下 »
在此页底部有更多的例子。


浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

紧跟在 -webkit-, -ms- 或 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号。

属性
background-size  4.0
1.0 -webkit-
9.0 4.0
3.6 -moz-
4.1
3.0 -webkit-
10.5
10.0 -o-

标签定义及使用说明

background-size 设置背景图片大小。

图片可以保有其原有的尺寸,或者拉伸到新的尺寸,或者在保持其原有比例的同时缩放到元素的可用空间的尺

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

shengyin714959

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值