css 设置背景图片局右 |css滚动条样式demo

如果要将背景图局右，需要将位置属性设置成 right，同时可以通过 background-position-x 属性来指定水平位置。代码如下所示：

background-position: right;
background-position-x: 50%; /* 设置水平位置为中心 */

其中，background-position 属性简写了 background-position-x 和 background-position-y 属性。设置水平位置为 50% 就可以使背景图在水平方向上居中。

如果要将背景图局右下角，可以这样写：

background-position: right bottom;
background-position-x: 100%; /* 设置水平位置为最右 */
background-position-y: 100%; /* 设置垂直位置为最底 */

可以发现，这里将水平位置设置成了 100%，表示最右侧，将垂直位置也设置成了 100%，表示最底部，从而实现了局右下角的效果。

需要注意的是，如果背景图尺寸比容器尺寸小，那么默认会在容器中居中显示。如果要将背景图设置成与容器一样大小，可以使用 background-size 属性。