当前第2页 返回上一页
背景图像的某些部分也许无法显示在背景定位区域中。
| contain | 把图像图像扩展至最大尺寸，以使其宽度和高度完全适应内容区域。 |
代码示例：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 | <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
body {
background: url(img/5.jpg);
background-size: 100px 100px;
-moz-background-size: 100px 100px;
/* 老版本的 Firefox */
background-repeat: no-repeat;
padding-top: 80px;
}
</style>
</head>
<body>
<p>上面是缩小的背景图片。</p>
<p>原始图片：<br />
<img src="img/5.jpg" alt="Flowers"></p>
</body>
</html>
|
效果图：
（学习视频分享：css视频教程）
以上就是css如何设置背景图片的大小的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
编写css文件要写head吗
纯css制作一个简单气泡对话框（图文详解）
css怎么设置文字间距
使用 css 实现一个简单的骨架屏（skeleton screen）
简述什么是css？
css如何控制元素的显示与隐藏
css的盒子模型是什么？
css怎么设置元素层次
css怎么设置td的宽度
css怎么设置透明度的颜色
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » css如何设置背景图片的大小
