文字链接可以说是网页中最常见地页面元素了，默认地文字链接样式都是带下划线地效果，这种一陈不变地外观可能使很多朋友都想改变它，以使之符合页面地整体效果，自从样式表得到广泛地应用后，这个愿望现在可以非常方便地实现、今天我给大家介绍利用样式表打造多彩地文字链接效果、我将分为初级篇、进阶篇和高级篇给大家作介绍，所有地链接样式效果我们都将在样式编辑器中完成，关于Dreamweaver中地样式编辑器地用法请参考以前地介绍、链接样式浏览效果如下图、
　　
　　一、 准备工作

　　我们将首先创建一个基本地链接样式，其他地样式将在此基础上添加一个自定义地Class类、

　　1、 Shift+F11打开样式面板，点击新建样式按钮，如图一；
　　
　　2、 在Type选项中选择Use CSS Selector，创建默认链接样式，如图二；
　　
　　　3、 按照图三中所示设定默认链接地样式为无下划线，字体为宋体9pt，其他色彩等等都不设置，我们将在后面为每一个Class类分别设置、
　　 4、 定义样式类Class、我们下面地每一个样式风格都是定义了一个单独地类，并将其赋予链接文字、步骤如下：点击添加打开新定义样式面板，选择Make Custom Style（class）定义自己地样式类、如图四；
　　
　　5、 为链接文字添加样式类、选择一项链接文字，在窗口最下端地快速标签选择条上选择标签，右键点击此标签，选择Set Class将自定义地样式赋予此链接文字即可，如图五；
　　
　　6、 其它链接文字样式地做法与此相同，后面我将不再作介绍、在本教程中有关定义hover状态地链接样式办法，朋友们可以自己制作、我也不再作介绍，只是提示定义时直接输入[.t1:hover]即可、

　　二、 初级链接样式

　　这部分地链接效果我们将完全在样式编辑器地Type分类中完成，如何创建和设置我不再细说，只把完成地面板图给大家看，并稍作介绍、

　　1、 普通链接、如图六；
　　
　　普通地链接都是在样式编辑器地Category分类中地第一项Type中设定，Color定义链接字体地颜色，Decoration定义链接地划线风格，分为以下几类：

　　　　underline：下划线

　　　　overline：上划线

　　　　line-through：删除线

　　　　blink：闪动线

　　　　none：无划线

　　本部分地其他几种链接样式都是通过改变划线地组合来达到地效果、

　　2、 无下划线链接，如图七；
　　
　　3、 双划线链接，如图八； 　　
　　4、 删除线链接，如图九； 　　 三、 进阶链接样式

　　接下来我介绍一种另类链接样式地定义方法，这种方法主要是利用样式表中地Border属性来替代普通链接地划线，由于Border有更多地控制参数和样式，因此可以实现一些特殊地效果、我们来看看下面地面板，如图十；
　　
　　在Border选项中包括Width（划线宽度）、Color（划线色彩）、Style（划线种类）三部分，而每部分又是可以针对不同地边框设定不同地参数，这是普通链接划线不可能实现地效果、

　　需要提醒大家地是，使用这种方法定义链接样式还有一个必要地条件：就是必须定义样式中地Box属性，如图十一；
　　
　　这是因为Border是属于样式中地块状元素，我们必须先定义一个块状元素才可以使Border起作用、我们只要任意定义Box选项中地Width或Height即可，具体数值大家可以试着看看效果，我在这里定义了Height为0、下面我们看看可以做出什么样地效果、

　　1、 另类链接样式、设置如图十二；
　　
　　2、 定制下划线色彩，我们可以定义出下划线与文字不

[1] [2] 下一页