background:url()怎么改?

本文由百家号/熊掌号作者上传并发布,百家号仅提供信息发布平台。文章仅代表作者个人观点,不代表百度立场。

}

这篇文章主要为大家详细介绍了CSS详解背景图片定位background-position介绍,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴。

前面361模板网已经对CSS的background-position属性做了介绍:《CSS样式代码:background-position 用法详细介绍》,今天这一讲,主要是对前面课程的补充介绍,大神飘过。

均表示将图片定位在左上角。第一个元素值指的是距离左边的距离,第二个元素值指的是距离上边的距离。但百分比与其他两种是有所区别的。

背景图片的(30%, 30%)的点与其所属的div的(30%, 30%)的点对齐。图片中的该定位点与元素中的定位点重合,即该元素其实设置了两个效果。

表示背景图片在指定div的位置,从左上角开始

表示背景图片从指定div的右下角开始显示图片,并且背景图片右下角与div的右下角重合

即背景图片距div的左边界300px,距div的上边界200px。

背景图片在div中水平方向与竖直方向都居中显示

若只写一个参数,则另一个参数默认为50%,即背景图片距div的左边300px,而竖直方向居中。

背景图片相对于div左上角(0px,0px) 又向左移动了300px,向上移动了100px

以上就是CSS详解背景图片定位background-position介绍的全部内容,希望对大家的学习和解决疑问有所帮助,也希望大家多多支持错新网。
}
  • 之后的position都要以被放大或者缩小之后的实际尺寸来定义position

}

我要回帖

更多关于 background-size:contain 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信