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

    内容提要: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 』
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值