宜宾网站建设公司

css中怎么设置背景图片的大小-创新互联

这篇文章将为大家详细讲解有关css中怎么设置背景图片的大小，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

我们拥有10余年网页设计和网站建设经验，从网站策划到网站制作，我们的网页设计师为您提供的解决方案。为企业提供网站设计制作、做网站、微信开发、微信平台小程序开发、成都做手机网站、H5页面制作、等业务。无论您有什么样的网站设计或者设计方案要求，我们都将富于创造性的提供专业设计服务并满足您的需求。

css中设置背景图片的大小的方法：可以利用background-size属性来进行设置，如【background-size:80px 60px;】。background-size属性可以指定背景图片的宽度和高度。

属性介绍：


background-size属性指定背景图片大小。

语法：

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

属性值：


  • length    设置背景图片高度和宽度。第一个值设置宽度，第二个值设置的高度。如果只给出一个值，第二个是设置为 auto(自动)

  • percentage    将计算相对于背景定位区域的百分比。第一个值设置宽度，第二个值设置的高度。如果只给出一个值，第二个是设置为"auto(自动)"

  • cover    此时会保持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最小大小。

  • contain    此时会保持图像的纵横比并将图像缩放成将适合背景定位区域的较大大小。

举例：


控制背景图片的大小

div
{
    background:url(img_flwr.gif);    
    background-size:80px 60px;    
    background-repeat:no-repeat;
}

关于css中怎么设置背景图片的大小就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。


分享标题：css中怎么设置背景图片的大小-创新互联
网站链接：http://ybzwz.com/article/gdecs.html

其他资讯