CSS基础 背景样式 超链接样式

一.背景样式

1.背景样式简介

背景样式包括背景颜色和背景图片。

属性                                     说明

background-image              定义图片地址

background-repeat              定义背景图片重复（横纵向重复）

background-position            定义背景图片位置

background-attachment       定义背景图片固定

2.背景颜色

颜色值有两种：关键字（pink，red）和16进制RGB值(#FBE9D0)

3.背景图片样式

在CSS中，可以使用background-image后加图片路径。

4.背景图片重复

属性                                     说明

repeat                                   水平方向和垂直方向平铺

repeat-x                                水平方向x轴平铺

repeat-y                                垂直方向y轴平铺

no- repeat                             不平铺

5.背景图签位置

background-position属性常取值有两种：一种是像素值（不考虑百分数），另一种是关键词

top left              top center             top right

ieft center         center center         right center

bottom left       bottom center       bottom right

左上            最上居中       右上

靠左居中         正中         靠右居中

左下              靠下居中     右下

6.背景图片固定

background-attachment属性定义背景图片随元素一起滚动。

属性                                     说明

scroll                                     随元素一起滚动

fixed                                      固定不动

二．超链接样式

1.超链接伪类

可以用超链接伪类定义鼠标在不同时期的样式。

伪类                                说明

a:link                               定义a元素未访问时的样

a:visited                          定义a元素访问后的样式

a:hover                           定义鼠标经过 a元素时的样式

aactive                            定义鼠标点击激活时的样式

：hover伪类可以定义任何一个元素在鼠标上经过时的样式！

2.鼠标样式

对于鼠标样式的定义有两种浏览器鼠标和自定义鼠标

一般浏览器鼠标会用到default、pointer、text这三个。

自定义鼠标需要添加图片地址（可以自行搜索，这里就不展示了）