欢迎访问我的的博客,网站主要用于记录学习WEB语言|CMS建站|SEO优化及日常工作常见问题总结!
您的位置:主页 > HTML/CSS >

background-size设置背景图像的尺寸大小

background-size设置对象的背景图像的尺寸大小

  • <length>用长度值指定背景图像大小,不允许负值;=>background-size:X轴尺寸大小 Y轴尺寸大小
  • <percentage>用百分比指定背景图像大小,不允许负值;
  • auto背景图像的真实大小;
  • cover将背景图像等比缩放到完全覆盖容器,背景图像有可能超出容器;
  • contain将背景图像等比缩放到宽度或高度与容器的宽度或高度相等,背景图像始终被包含在容器内;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
.pic{
width: 2400px;
height: 1600px;
background: url(https://mobike.com/cn/assets/themes/moby/img/landing/hero-bg-4.jpg) no-repeat;
/* background-size: 500px 500px; */
background-size: 50% 50%;
}
</style>
</head>
<body>
<div class="pic"></div>
</body>
</html>
上一篇标题:background-clip设置对象的背景图像向外裁剪的区域
下一篇标题:background-attachment背景关联

相关文章

 

文章-background-size设置背景图像的尺寸大小发布日期:2021-04-01 17:04作者:admin
如需转载,请注明文章出处和来源网址:https://www.dhnblog.com/htmlcss/242.html