小编给大家分享一下CSS设置背景图片大小的方法，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！在css中，可以使用background-size属性来设置背景图片的大小；语法格式为“background-size:lengt
小编给大家分享一下CSS设置背景图片大小的方法，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！
在css中，可以使用background-size属性来设置背景图片的大小；语法格式为“background-size:length|%|cover|contain;”，默认值为“auto”。
css设置背景图片大小
<!DOCTYPE html><html><head><meta charset="utf-8"><style>body {background: url(img/1.jpg);background-size: 80px 60px;background-repeat: no-repeat;padding-top: 40px;}</style></head><body><p>Lorem ipsum，中文又称“乱数假文”， 是指一篇常用于排版设计领域的拉丁文文章 ，主要的目的为测试文章或文字在不同字型、版型下看起来的效果。</p><p>原始图片: <img src="img/1.jpg" alt="Flowers" width="224" height="162"></p></body></html>效果图：
css background-size属性
background-size属性指定背景图片大小。
语法
background-size: length|percentage|cover|contain;| 值 | 描述 |
|---|---|
| length | 设置背景图片高度和宽度。第一个值设置宽度，第二个值设置的高度。如果只给出一个值，第二个是设置为 auto(自动) |
| percentage | 将计算相对于背景定位区域的百分比。第一个值设置宽度，第二个值设置的高度。如果只给出一个值，第二个是设置为"auto(自动)" |
| cover | 此时会保持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最小大小。 |
| contain | 此时会保持图像的纵横比并将图像缩放成将适合背景定位区域的最大大小。 |
看完了这篇文章，相信你对“css设置背景图片大小的方法”有了一定的了解，如果想了解更多相关知识，欢迎关注编程网精选频道，感谢各位的阅读！
--结束END--
本文标题: css设置背景图片大小的方法
本文链接: https://www.lsjlt.com/news/269634.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑，方便收藏和打印～
2024-04-29
2024-04-29
2024-04-29
2024-04-29
2024-04-29
2024-04-29
2024-04-29
2024-04-29
2024-04-29
2024-04-29
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
官方手机版
微信公众号
商务合作
0