HTML设置背景图片

主要使用下面三个参数

background: url(…/…/…/assets/login/login-background.jpg) no-repeat center 0px; //repeat设置重复,center设置位置
background-position: center 0;
background-size: cover; //有4种写法分别为 :auto,contain,cover&百分比
//auto:自动判断,一般出来的效果是,不重复,以长宽中较大的为标准放缩图片
//contain:不重复,以长宽中较小的为标准放缩图片
//cover:以长宽中较大的为标准显示图片,不放缩,小了会留白,大了会隐藏

你可能感兴趣的:(html)