CSS09 - 文本 & 背景属性

文本修饰

css 中，文本修饰用 text - decoration 属性，常用的属性值有：

none : 　无装饰

underline : 　下划线

line-through : 　删除线

overline : 　上划线

文本修饰常用于清除超链接 <a> 标签的自带样式，如去除默认下划线等。

使用代码如下：

text-decoration: none;

背景属性

CSS 可以添加背景颜色和背景图片，以及来进行图片设置。背景属性如下：

background-color -----------> 背景颜色

background-image ---------->背景图片

background-repeat ---------->是否平铺

background-position -------->背景位置

background-attachment ---->背景固定还是滚动

背景图片

语法：

background-image : none | url (url)

参数：

none : 　无背景图（默认的）

url : 　使用绝对或相对地址指定背景图像

background-image 属性允许指定一个图片展示在背景中（只有 CSS3 才可以多背景）可以和 background-color 连用。 如果图片不重复地话，图片覆盖不到的地方都会被背景色填充。 如果有背景图片平铺，则会覆盖背景颜色。

TIP：背景图片后面的地址，url 可以不加引号。

背景平铺（repeat）

语法：

background-repeat : repeat | no-repeat | repeat-x | repeat-y

参数：

repeat : 　背景图像在纵向和横向上平铺（默认的）

no-repeat : 　背景图像不平铺

repeat-x : 　背景图像在横向上平铺

repeat-y : 　背景图像在纵向平铺

设置背景图片时，默认把图片在水平和垂直方向平铺以铺满整个元素。

背景位置

语法：

background-position : length length

或

background-position : position position

参数：

length : 　百分数 | 或像素值。

position : 　top | center | bottom | left | right

说明：

设置或检索对象的背景图像位置。必须先指定 background-image 属性。默认值为：(0% 0%)。 如果只指定了一个值，该值将用于横坐标，纵坐标将默认为 50%。

注意：

1. position 后面是 x 坐标和 y 坐标。 可以使用方位名词或者精确单位（px）。

2. 如果和精确单位和方位名字混合使用，则必须是 x 坐标在前，y 坐标后面。比如 background-position: 15px top; 则 15px 是 x 坐标值 top 是 y 坐标值。

背景附着

语法：

background-attachment : scroll | fixed

参数：

scroll : 背景图像是随对象内容滚动

fixed : 背景图像固定

背景简写

background 属性的值的书写顺序官方并没有强制标准的。为了可读性，建议如下写：

background:背景颜色 背景图片地址 背景平铺 背景滚动 背景位置

如：

background: transparent url(image.jpg) repeat-y scroll 50% 0 ;