Dreamweaver教程：多彩文字链接

　　相信大家在前面的课课家教程中，已经有接触过我们的Dreamweaver教程了吧，这次我们课课家教育将为大家带来也是Dreamweaver的相关教程：Dreamweaver多彩文字链接。运用Dreamweaver来制作多彩文字的链接，这肯定是非常有趣的，因为制作一个多彩的链接，这样才可以更吸引人去点击。文字链接其实是网页中最常见的页面元素，我们在默认状态下，文字链接样式都是带下划线的，如果这种一陈不变的外观使网页无法凸现个性和满足布局的需要。那么我们为了使文字链接符合页面的整体效果，就可以采用css（样式）来实现多样的文字链接。

　　效果说明：

　　如果将鼠标置于文本上时，那么文本样式会发生改变，比如不会出现下划线，文字会闪动等。结合其他样式属性，还可以实现按钮式文字链接，其效果如图22-1所示。

　　创作构思：

　　其实Text-decoration属性用来控制超级链接，如果再结合Border-Style属性，那我们还可以实现更加复杂的样式。

　　好了，现在我们来说下操作步骤：

　　步骤①：初级链接样式

　　我们可以看出，在CSS样式定义设置对话框中的“类型”子选项中有5种修饰类型。点选不同的修饰项，然而我们可以轻易设置不同的初级链接样式，如图22-2所示。下面以“无”下划线设置为例进行讲解，其他样式的设置跟本例类似。

　　步骤②：然后我们需要再创建一个CSS样式表文件。然后按下Shift+F11键打开CSS样式面板，单击【新建样式】按钮，在弹出的【新建CSS样式】对话框的时候，我们点击选【高级（ID，上下文选择器等）】选项，然后在选择器下拉菜单中选择【a:link】，单击【确定】按钮，如图22-3所示。

　　步骤③：接下来编辑样式。在我们保存样式表文件（文件名为css.css）后，就开始编辑样式。在设定默认链接样式为无下划线，字体为宋体12pt，其他色彩等参数都不设置，如图22-4所示。

　　步骤④：新建并设置样式“.t1”。再次单击【新建样式】按钮，在【新建CSS样式】对话框中点选【类（可应用于任何标签）】选项，定义自己的样式类，然后设置名称为“.t1”（【名称】文本框是用来指定类的，用户可以根据需要任意填写，其格式是“.*”），最后点选【定义在css.css】，在一切设置完毕后单击【确定】。呵呵，接下来的设置跟第二步操作一样（这个我就不多说了，重复以上步骤就可以了。），然后单击【确定】，如图22-5所示。

　　小编结语：相信大家看完这个教程之后，都想着自己尝试一下吧，尽管我们可能感觉到自己的能力不足，但我相信你按照步骤来操作的话，那么你一定能够掌握，如果你有兴趣，你也可以自己尝试一下的，最重要的是千万不要粗心而忘记了其中的步骤。最后感谢大家支持我们课课家教育，如果大家还想了解更多更精彩的教程，那么欢迎继续关注我们课课家教育，我们将为大家带来更多更精彩的教育咨询。