作者:james vipjjh@163.com 博客地址:http://vipjjh.blog.163.com 首先这部分内容是给初学者看的,高手一边去网页背景是修饰网页的一个重要部分,不管是大背景还是容器背景,所以在设计制作CSS过程中也会碰到对背景进行控制,以前没学过CSS,背景只让平铺.有了CSS,随意控制就很方便了...呵呵,下面来说说吧!(我一直说的容器就是装内容的标签,如body,div...谁都有可能是容器)
background用我的话来说是样式浓缩,其实是缩写(晕)...所以这里不说 background-color这类的独立参数,要了解的
到:http://www.tmxhx.com/css/d_background.html
下面看看这个例子:
background:url(我是一张无聊的背景图.jpg) no-repeat top fixed;
解说一下:url不说了,后面no-repeat不允许背景平铺,top就是背景在容器的顶部,fixed当滚动条拖动时背景死都不动!
no-repeat还有别有参数比数repeat-x、repeat-y即然是控制平铺与否的,去掉no加上X或Y应该很容易理解吧!动动手试试就知道(试的时候不要找太大的背
景图,要比容器小的不然不容易看出哦!)
top这个不用说,有top 就会有left、right、bottom,四胞胎总是一票的.
除了这些还有很多,比如你想让网页顶上是一张图背景,到下面就是纯色的那么可以:background:url(我是一张无聊的背景图.jpg) no-repeat top
#ff0000;再比如你要让图片在窗口指定的位置,比如距离顶上10PX那么就是:background:url(我是一张无聊的背景图.jpg) no-repeat 0 10px;后面这个值
第一个参数为left距离,第二个为参数为top距离
其实我今天只是想说:background:url(我是一张无聊的背景图.jpg) no-repeat top fixed;可以让背景图不随滚动而滚动,你动我不动
翻译中心 http://www.360edu.org.cn/interpret.asp 北京团体语言培训 企业外语培训