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
投稿猜你喜欢
- A.截取从字符串左边开始N个字符 Declare @S1 varchar(100) Select @S1='http://www.x
- 本文主要研究的是Python语言实现温度转换的相关实例，具体如下。代码如下：#TempConvert.py val=input("
- 关于 channel 的使用，有几点不方便的地方：1.在不改变 channel 自身状态的情况下，无法获知一个 channel 是否关闭。2
- 1. 使用 fileinput 进行迭代fileinput 模块可以对一个或多个文件中的内容进行迭代、遍历等操作。该模块的 input()
有时我们需要较为实时的查看服务器上的网卡流量，这里我写了两个小脚本，一个用shell（先写的，一次只能查看一个网卡），另一个用Python（- 前言最近发现一个问题，在一次爬虫实战中，需要将字典加入列表中，意外的情况出现了！！！下面简单分析一下出现的状况：list = []dic =
- 传输层安全协议（Transport Layer Security，缩写：TLS），及其前身安全套接层（Secure Sockets Laye
- 最近在用python连接sqlserver读取数据库，读取数据时候在本机电脑正常，但是把程序部署到服务器运行时一直报错“未发现数据源名称并且
- 首先忠心感谢凌宇5942给我的帮助！在他的启迪下我发现了另一种实现flash透明背景的办法，愿与大家共同探讨：凌宇5942告知的解决办法：在
- 在Python编程中，导入文本文件是常见的操作之一。Python提供了丰富的标准库，使得文件操作变得十分简单。那么，如何在Python中导入
- Dreamweaver从出道以来，其简便易用而又功能强大的“行为”(Behavior)一直是大家所关注的热点之一。在Dreamweaver
- 前言：java语言读写.doc的出现乱码问题：大家都知道当我们利用java语言读写.doc文件时，无论是利用流的方式将.doc文件的内容输出
- 处理多个数据和多文件时，使用for循环的速度非常慢，此时需要用多线程来加速运行进度，常用的模块为multiprocess和joblib，下面
- 这里采用PyCharm专业版可以直接创建Django项目，这里面自动部署了Django的基本环境。在创建项目时选择Django项目：第一次建
- 在分析python的参数传递是如何进行的之前，我们需要先来了解一下，python变量和赋值的基本原理，这样有助于我们更好的理解参数传递。py
- 前言Go语言作为一个由Google开发，号称互联网的C语言的语言，自然也对JSON格式支持很好。下面这篇文章主要介绍了关于golang自定义
- Python传入参数的方法有：位置参数、默认参数、可变参数、关键字参数、和命名关键字参数、以及各种参数调用的组合写在前面Python唯一支持
- 今天在使用Pycharm的时候,由于文件过多,我对目录下的文件做了归类,改动了一些文件的路径,结果后来执行的时候,出现了路径找不到的错误.新
- 1. python中数字组成的列表转化为字符串或者一串数字f=[1,2,3,4]num=len(f)m='' #
- 一、Python中的对象Python中一切皆是对象。————Guido van Rossum(1989)这句话只要你学过python，你就很
