如何用Dreamweaver定义页面链接样式

    学会了设置页面基本外观，下面就应该学会设置里面的其他东西，比如必不可少的链接样式。链接样式可以让网页中的链接看起来更突出，页面更美观。

    链接样式的设置方法前几步和页面基本外观的设置方法相同，都是打开页面属性设置对话框。菜单栏中选择“修改”--“页面属性”，或在软件下方属性面板上直接点击“页面属性”按钮。

第一步，定义链接字体
　　打开页面属性设置对话框后，在左侧的分类中选择“链接”，右边切换成链接的设置选项，如图一中1所示，链接字体和大小的设置方法和页面外观的设置方法相同，甚至可以沿用页面外观中的设置，所谓沿用的意思就是如果链接字体大小、粗细、是否斜体都和页面外观中相同的话，链接中的链接字体和大小都不用在设置了，把这些选项空着即可。

第二步，定义链接颜色
　　如图一中2所示，链接颜色、变换图像链接、已访问链接、活动链接也需要设置，如果不设置，浏览器会解析为自己的默认样式。

    需要给大家说明一下这四项链接都代表什么，链接颜色就是页面中链接的默认颜色，变换图像链接颜色指的是当鼠标放在该链接上时所显示的颜色，已访问链接颜色顾名思义是点击过的链接颜色，活动链接颜色是鼠标点击时刻链接所显示的颜色。
此处设置过的链接颜色，会在页面源代码中添加一大段CSS代码，它表示的就是这些链接的样式，如果用CSS表示上面四项的话，它们就是：

    链接--a:link；
    变换图像链接--a:hover；
    已访问链接--a:visited；
    活动链接--a:active；


　　但它们在CSS代码中的书写顺序不是这样的，正确的书写顺序是：a:link，a:visited，a:hover，a:active，如果不按照此顺序书写，页面可能不会正常显示链接效果，这让人感觉很麻烦，但这就是规则，也就是常说的链接的LoVe HAte规则，看到我特别做的大小写，大家应该明白它是什么意思吧？详情可参阅前面讲过的文章《用CSS定义链接样式》。

第三步，定义下划线样式
　　下划线样式其实是链接修饰样式中的一种，这里只给出四种效果选择，如图一中3所示，它们是：

    始终有下划线，这表示无论样式的状态是怎样的，它都带着下划线；
    始终无下划线，和上面的意思相反，始终没有下划线；
    仅在变换图像图像时显示下划线，这表示初始链接是没有下划线的，当鼠标悬浮在链接上时才出现下划线；
    变换图像时隐藏下划线，这表示初始链接是有下划线的，当鼠标悬浮在链接上时下划线消失。


　　以上三步都定义好后，点击应用或直接点确定，然后在页面上设置个链接，看看效果吧。不用我再告诉您怎么加链接了吧？忘了的话看看前面的文章吧。

　　多说无益，实践出真知，自己多动手试试吧，做出好看的链接也是门学问，今后我还会给大家介绍一些其他链接的做法。

    学会链接的定义方法，下次我们就要讲设置页面标题了。