首页 > 其他 > 详细

课时97.背景定位上(掌握)

时间:2018-06-13 10:26:54      阅读:166      评论:0      收藏:0      [点我收藏+]

注意点:
同一个标签可以同时设置背景颜色和背景图片,如果颜色和图片同时存在,那么图片会覆盖颜色,

技术分享图片技术分享图片

但凡给我们的标签设置了背景图片以后,我们发现这个图片一直在左上角,我如果不想让它在左上角应该怎么办呢?这就要用到我们这节课的内容:background-position。

1.如何控制背景图片的位置?

在CSS中有一个叫做background-position:属性,就是专门用于控制背景图片的位置的

2.格式:
background-position:水平方向  垂直方向

3.取值:

3.1 具体的方位名词

水平方向:left    center    right

垂直方向:top     center     bottom

技术分享图片技术分享图片

3.2具体的像素

例如:background-position:100px   200px;

一定要记住一定要写单位,也就是一定要写px

技术分享图片技术分享图片

技术分享图片

记住具体的像素是可以接收负数的,与数学不一样的是,前端中的y轴是向下的,向左是负数,向上是负数。

技术分享图片技术分享图片

课时97.背景定位上(掌握)

原文:https://www.cnblogs.com/luckyshuangshuang/p/9175863.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!