css中如何设置背景图片的大小

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

从化网站建设公司创新互联建站,从化网站设计制作,有大型网站制作公司丰富经验。已为从化上千提供企业网站建设服务。企业网站搭建\外贸网站制作要多少钱,请找那个售后服务好的从化做网站的公司定做!

环境:

本文适用于所有品牌的电脑。

(推荐教程:css视频教程)

属性介绍:

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://hxwzsj.com/article/cpdhee.html

其他资讯

Copyright © 2025 青羊区翔捷宏鑫字牌设计制作工作室(个体工商户) All Rights Reserved 蜀ICP备2025123194号-14
友情链接: 成都网站设计 成都网站建设公司 成都网站建设 H5网站制作 高端网站设计 定制网站设计 网站建设开发 企业网站设计 古蔺网站建设 成都网站设计制作公司 自适应网站建设 网站建设公司 成都网站建设公司 网站建设公司 成都商城网站建设 成都网站制作 成都企业网站制作 企业网站建设 成都网站制作 成都网站设计 做网站设计 成都模版网站建设