快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

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://6mz.cn/article/cpdhee.html

其他资讯