建站学习网,专业提供各类建站教程,网页素材,SEO资讯等建站资源!
当前位置:建站学习网 > DIV+CSS教程 > DIV CSS教程 >

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

整理编辑:建站学习网 更新时间:2017-01-08 阅读:0

   80px和0起到的作用就是来告诉你图片放在什么位置的。默认情况下,如果您不设置后面的数字,那么图片是放置在页面左上方的,如下图的位置

  以左上角为(0,0)的坐标做一个偏移

  第一个数字是X轴上的偏移量,也就是横向的偏移量,正表示向右,负表示向左!

  第二个数字是Y轴上的偏移量,也就是横向的偏移量,正表示向下,负表示向上!

  如果把代码改为

  那么图片会向右向下移动80个像素,效果如下:

  如果您的设置参数超出了,那么会不显示。如果我将代码中y轴上的数值80改成-80,那么页面上就不显示了。

转载请注明出处:https://www.dedexuexi.com/divcss/jc/2232.html

关键词:技巧