我们在开发的过程中,经常会用到各种各样的图片,长图、宽图、圆图、方图等等。
那么我们如何去设定图片的宽高,保证让图片等比例、自适应呢!
这里我们可以借助background,以背景图的形式去展示,那么我们就简单了解一下背景图需要用到哪些属性。
- background-color
- background-position
- background-size
- background-repeat
- background-origin
- background-clip
- background-attachment
- background-image
假设大家对这些属性都了解了
不了解的,请移步这里去了解background
// css 背景图
.g-back-img{
//图片位置 居中
background-position: center center;
//不重复
background-repeat: no-repeat;
//背景图覆盖整个区域
background-size:cover;
//图片地址
background-image:url("***/**.png")
}