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

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 企业网站设计 成都响应式网站建设公司 企业网站设计 成都网站建设 成都网站制作 手机网站建设 上市集团网站建设 成都网站制作 成都网站建设公司 成都网站设计 网站制作 手机网站制作设计 网站设计制作报价 广安网站设计 商城网站建设 高端网站设计 网站设计 成都网站设计 成都品牌网站设计 成都网站制作 网站建设公司 成都网站制作