九州体育网址备用 > 编程学习记录 > 九州体育网址备用|九州体育最新网址|九州体育app网址-足球比分投注

201706月11

九州体育网址备用|九州体育最新网址|九州体育app网址-足球比分投注

作者:admin 0 Comments 发表评论

今天调节背景图片,结果发现网站很多的背景图片都是调用的同一个图片,但是显示的内容却不同,我查看处的调用代码如下:

background:url(images/bg.gif) right -181px

最开始就是弄不明白,这个right -181px,是什么意思?估摸着是控制显示背景图片bg.gif的哪一部分的,但是具体还是不太清楚。

后面找到了燕18的视频教程,刚好讲了这个问题,这里也顺便推荐下他的教程:http://study.163.com/course/introduction.htm?courseId=432008,学了第27课就明白了:

背景图片显示的大小,局限在所在的父元素里,背景图片可以拉伸。在计算机里,左上角是原点,往右是横坐标正方向,往下是纵坐标正方向,如上面的例子里,如果改成代码:

background:url(images/bg.gif) 10px -181px

那就意味着把背景图片往右拉10像素,往上拉181像素,这也是像素为负值的意思。

推荐阅读相关文章:编程学习记录

本文地址:/background.html
版权所有 © 转载时必须以链接形式注明作者和原始出处!

本文目前尚无任何评论.

发表评论

,