css北京图片-如何在css中设置背景图片大小

2023-09-02 0 8,456 百度已收录

在css中,可以使用background-size属性来设置背景图片的大小; 语句格式为“background-size:length|%|cover|contain;”,默认值为“auto”。

本教程的运行环境:windows7系统css北京图片,CSS3版本,DellG3笔记本。

css设置背景图片大小


	
		
		
			body {
				background: url(img/1.jpg);
				background-size: 80px 60px;
				background-repeat: no-repeat;
				padding-top: 40px;
			}
		
	
	
		

Lorem ipsum,中文又称“乱数假文”, 是指一篇常用于排版设计领域的拉丁文文章 ,主要的目的为测试文章或文字在不同字型、版型下看起来的效果。

原始图片:

css北京图片-如何在css中设置背景图片大小

功效图:

【推荐教程:CSS视频教程】

css北京图片-如何在css中设置背景图片大小

cssbackground-size 属性

背景大小属性指定背景图像的大小。

css北京图片-如何在css中设置背景图片大小

句型

background-size: length|percentage|cover|contain;

数值描述

长度

设置背景图像的高度和厚度。 第一个值设置长度,第二个值设置高度。 如果仅给出一个值,则第二个值设置为自动(手动)

百分比

css北京图片-如何在css中设置背景图片大小

将估计局部区域相对于背景的百分比。 第一个值设置长度,第二个值设置高度。 如果仅给出一个值css北京图片,则第二个值设置为“自动(手动)”

覆盖

保持图像的纵横比,并将图像缩放到完全覆盖背景定位区域的最小尺寸。

包含

图像的纵横比保持不变,并将图像缩放到适合背景定位区域的最大尺寸。

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悟空资源网 css css北京图片-如何在css中设置背景图片大小 https://www.wkzy.net/game/188798.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务