文本格式化综合实例

1、建立a:link链接样式

方法如下：

（1）在CSS样式面板下角，单击“新建CSS样式”按钮，会弹出下面的对话框：

单击确定后，在下面的对话框中为链接文字进行有特色的设置，

在分类中选择方框，再作如下设置：

在分类中再选择定位，作如下设置：

2、同理的方法，建立a:visited、a:hover、a:active链接样式

在建立链接样式时，注意改变链接文字的颜色等不同的选项，这样，链接的文字就有4种不同的表现方式，当鼠标经过有链接的文本时，就会出现变化的文本块，产生多种动态效果。

3、4种链接样式的说明：

a:link （链接）
a:visited （已访问过的链接）
a:hover （鼠标停在上方时）
a:active （点下鼠标时）

示例：主页的链接文字，请返回主页观察，注意鼠标悬停上方时文字会变大

1、a:link （链接）
a:link {
font-family: "宋体";
font-size: 14px;
line-height: 18px;
color: #6699FF;
}

2、a:visited （已访问过的链接）
a:visited {
font-family: "宋体";
font-size: 14px;
line-height: 18px;
color: #FF66FF;
}

3、a:active （点下鼠标时）
a:active {
font-family: "宋体";
font-size: 14px;
line-height: 18px;
color: #FF0000;
}

4、a:hover （鼠标停在上方时）
a:hover {
font-family: "宋体";
font-size: 16px;
line-height: 20px;
color: #FFCC33;
}

返回主页