手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >css里no-repeat熟悉后面的数字是什么意思?
css里no-repeat熟悉后面的数字是什么意思?
摘要:80px和0起到的作用就是来告诉你图片放在什么位置的。默认情况下,如果您不设置后面的数字,那么图片是放置在页面左上方的,如下图的位置以左上角...

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

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

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

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

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

如果把代码改为

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

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

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

        :更多精彩文章请关注三联网页设计教程栏目。

【css里no-repeat熟悉后面的数字是什么意思?】相关文章:

纯CSS实现的鼠标经过文本时提示的信息

CSS层叠样式表的层叠是什么意思

jQuery DOM操作小结与实例

表格边框以虚线显示的css样式

10个CSS简写/优化技巧整理

创建CSS样式表的十个技巧

css的字体属性详解

CSS:CSS样式如何实现Logo立体盒子效果

css实现鼠标悬停时滑出层提示的方法

css3中flexbox伸缩盒深入理解

精品推荐
分类导航