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

其他资讯

售后响应及时

7×24小时客服热线

数据备份

更安全、更高效、更稳定

价格公道精准

项目经理精准报价不弄虚作假

合作无风险

重合同讲信誉,无效全额退款