CSS背景 background 图像属性解读
作者：Prower 来源：Prower 发布时间：2008-08-01 18:19:00
CSS的背景属性“background”提供了众多属性值，如颜色、图像、定位等，为网页背景图像的定义提供了极大的便利。看看background提供的属性值：
background : background-color | background-image | background-repeat | background-attachment | background-position
从属性值的名字就可以很明白的看出来，分别是：颜色、图像、铺排、滚动、定位，其中background-repeat、background-position必须是在指定了background-image属性值后才有效。
background-color:transparent | color 。“transparent”是background-color的默认属性值（红色字表示默认值），意为背景色透明，也就是无背景色；而“color”则指的是颜色了，可以是HTML语言支持英文单词，也可以是十六进制的颜色值，当然推荐还是使用十六进制的颜色值来表示，比如黑色使用“#000”。
background-image:none | url 。默认属性值是无背景图，需要使用背景图时可用url进行导入。
background-repeat:repeat | no-repeat | repeat-x | repeat-y 。默认属性值是背景图像在纵向和横向上平铺，如果不希望图像平铺而是以一个完整的衬图来显示的时候则使用“no-repeat”，相同的道理在横向上平铺则是使用”repeat-x”纵向上平铺则使用”repeat-y”。
background-attachment:scroll | fixed 。“scroll”是背景图像随对像内容滚动，“fixed”则是背景图像固定。
background-position:position(length) | position(length) 。对象的背景图像位置有两种方式可选择，一种是使用position（top | center | bottom | left | center | right）来定位背景图像位置，而另一种方式则是使用lefgth（数值）来定位，使用数值需要注意的是，当只有一个数值时，这个值将用于横坐标，纵坐标将默认是50％，如果有两个数值时，则分别是横坐标、纵坐标。
了解并熟悉了以上background属性及属性值之后，很容易的就可以对网页的背景图像做出合适的处理。但是在这里有一个小技巧，那就是在定义了background-image属性之后，应该定义一个与背景图像颜色相近的background-color值，这样在网速缓慢背景图像未加载完成或是背景图像丢失之后，仍然可以提供很好的文字可识别性。比如背景图像是一张黑色的底图，那么文字的颜色自然而然会选择浅色调的甚至白色，如果此时背景图像未加载完成或者图像丢失，那么就需要定义一个黑色的背景颜色，才可以操持文字的可识别性。
0
投稿猜你喜欢
- 个人网站如有会员注册模块+动网论坛的话，那网站要与动网论坛系统整合，实现不同Web系统之间的用户信息同步更新、登录等操作就不是件容易的事了，
好多网友问起来，·深度学习网址导航·深度学习整站系统 的后台管理能否增加批量删除功能，如何加：就是列出N篇文章或网址信息，每篇文章或网址前有- 首先，我们会document里添加mouseover事件时在HTMLElement上飘一个absolute的容器，设置border。接着，m
- IIf 函数 根据表达式的值，来返回两部分中的其中一个。语法IIf(expr, truepart, fal
- 这个问题已经不是什么新鲜问题了，网上也有大把的教程，但大多数是授人以鱼，而不授人以渔，经过辛苦的资料收集，思考，调试，整理，我基本上已经把这
- 如何让你的CSS代码更具有组织性和易维护性，为什么你的样式表总是臃肿和混乱的？有些时候是源于一开始书写时的混乱和草率，有时候也是因为后期的维
- 客户端程序编写免不了经常接触XMLHttpRequest对象。微软的XHR实现的progid又是一串一串的。 烦人。抽一个中午时间，找了找资
- 设计首页的第一步是设计版面布局。就象传统的报刊杂志编辑一样，我们将网页看作一张报纸，一本杂志来进行排版布局。虽然 * 页技术的发展使得我们开
- 我们有时候希望回车键敲在文本框（input element）里来提交表单（form），但有时候又不希望如此。比如搜索行为，希望输入完关键词之
- 近来看论坛上经常有人提问关于如何无刷新,自动更新数据.传统上,我们浏览网页,如果加入最新的数据.只能是等我们重新向服务器端请求时才能显示出来
- 昨天去面试，百度题果然不一样，笔试我就蒙了，现在能记住两道题，笔试：1、title和alt 区别2、三列布局 左边裂固定宽度左对齐，右边列固
- 阅读上一篇教程：WEB2.0网页制作标准教程（8）CSS布局入门接下来开始要真正设计布局了。和传统的方法一样，你首先要在脑海里有大致的轮廓构
- 代码如下:<％@LANGUAGE="VBSCRIPT"％> <％ option&n
- 很简单的教程，献给喜欢SEO的朋友们。把article.asp?logID=26 替换成article.asp?/a
- 下面是我已经证实可用的自动备份的方法. 1、打开企业管理器->管理->sql server代理 2、新建一个作业,作业名称随便取
- 看到有人用的PJBlog使用的是自动填写验证码，这样其实也不使用验证码基本上没有什么区别，很容易被 * ，因此在参照许多修改的基础上，找到
- CSS styles和HTML styles有什么区别？HTM style是指自定义HTML标识中一些标签，例如说在HTML中〈B〉〈/B〉
- WordPress可以改造成twitter一样的微博网站，但是有一个坏处就是你要么用来做博客要么用来做微博，功能难兼得。相信大家在访问一些知
- 1.文档对象模型（DOM）DOM是HTML和XML文档的编程基础，它定义了处理执行文档的途径。编程者可以使用DOM增加文档、定位文档结构、填
- 很多人一直都有个想法，要是可以随心所欲的操作iframe就好了。这样静态页面也就有了相当于后台动态页面php,jsp,asp中include
