前端 - CSS 如何设置自动滚动定位的“安全”间距?_个人文章 - SegmentFault 思否
欢迎关注我的公众号:前端侦探介绍两个和滚动定位相关的 CSS 属性:scroll-padding和 scroll-margin在平时开发中,经常会碰到需要快速定位的问题,比如常见的锚点定位<l
顺晟科技
2021-09-07 12:52:19
51
background-position :在 CSS 中通过 background-position 属性可以调整背景图片的位置。因为在默认情况下背景图片都是从设置了 background-position 属性的标记(例如 body 标记)在左上角开始出现的,但实际制作时设计者往往希望背景图片出现在指定的位置
background-position:在CSS中通过background-position属性可以调整背景图片的位置。因为在默认情况下背 景图片都是从设置了background-position属性的标记(例如body标记)在左上角开始出现的,但实际制作时设计者往往希望背景图片出现 在指定的位置。
background-position属性值:
属性值
效果
百分比
如:background-position:30% 70%
top
顶部
left
左边
right
右边
bottom
底部
center
居中
Bottom right
右下方
通过代码“background-position:30% 70%”的设置,使得背景图片的中心点在水平方向上处于30%的位置,在竖直方向上则位于70%的位置。
上面提到的“Bottom right”外,background-position的值还可以设置为top left、top center、top right、center left、center right、bottom left和bottom center等
17
2022-11
19
2022-10
19
2022-10
12
2022-10
15
2022-09
15
2022-09