« DIV+CSS+JS做Windows选项卡效果新东方背诵80篇打印版(含翻译) »

如何控制网页背景?(让网页背景不动)

作者: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  北京团体语言培训  企业外语培训  
 

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

日历

最新评论及回复

最近发表

Powered By Z-Blog 1.8 Arwen Build 81206

Copyright © 2008 globe360. All Rights Reserved 澳环教育 版权所有