在 CSS 中控制插入背景图片的大小用 background-size 属性.
background-size 语法:
background-size: length|percentage|cover|contain;
length 用法:
- (相关课程推荐: CSS 视频教程 https://www.html.cn/css/ )
- background-size:100px; // 背景图片显示的宽和高为 100 像素
- background-size:100px 160px;// 背景图片显示的宽为 100 像素, 高为 600 像素
percentage 用法:
- background-size:60%; // 背景图片的显示宽度和高度是图片大小 60%;
- background-size:60% 80%; // 背景图片的显示宽度是图片大小的 60%, 高度是 80%;
cover 用法:
- background-size:cover;// 把背景图像扩展至足够大, 以使背景图像完全覆盖背景区域.
- // 背景图像的某些部分也许无法显示在背景定位区域中.
contain 用法:
background-size:contain; // 把图像图像扩展至最大尺寸, 以使其宽度和高度完全适应内容区域.
本文来自 css3 答疑 https://www.html.cn/qa/css3/ 栏目, 欢迎学习!
来源: http://www.css88.com/qa/css3/14922.html