css no-repeat后面的数字是什么意思？

最新推荐文章于 2024-08-13 11:47:22 发布

终端传媒

最新推荐文章于 2024-08-13 11:47:22 发布

阅读量6.4k

点赞数 2

本文链接：https://blog.csdn.net/axl19530209/article/details/42456281

版权

内容提要：css no-repeat后面的数字是什么意思？css no-repeat后面的数字是什么意思，比如css no-repeat 0 0，css no-repeat -8px 0。

　　css no-repeat后面的数字是什么意思，比如css no-repeat 0 0，css no-repeat -8px 0。

　　背景图片的位置，那两个数字是图片左上角到div（以div为例）左上角的偏移量。

　　第一个数字正数向左，负数向右；第二数字正数向下，负数向上。

　　首先将背景图的左上角与div的左上角重合，0 0表示不动，8px 0：表示将背景图向左移动8像素，-8px 0：表示将背景图向右移动8像素，0 8px：背景图向下移动8像素，0 -8px：背景图向上移动8像素；8px 8px：背景向左移动8像素再向下移动8像素；超出div的部分会隐藏不会显示出来。

『网页设计 | DIV+CSS 』