Dreamweaver中彩色文本链接的设计方法

默认的颜色可能会感觉不好。怎么会变成鲜艳的颜色呢让我们给你简单介绍一下。

文本链接是Web页面中最常见的页面元素。在默认状态下，文本链接样式被下划线。这种持续的外观使网页无法突出个性化和满足布局的需要。为了使文本链接符合页面的整体效果，CSS（样式）可以用来实现各种文本链接。

效果描述

当鼠标放在文本，文本风格的变化，如没有下划线和文字闪烁。结合其他样式属性，还可以实现按钮式的文本链接，如图22-1展示。

创意概念
文本装饰属性用于控制超链接，结合边框样式属性，还可以实现更复杂的样式。

操作步骤
步骤1主要链接样式
在CSS样式定义对话框中的类型；；有5种类型的子选项的修改。选择不同的改性剂可以很容易地设置不同的主要连接方式，如图所示22-2.the以下是没有下划线设置说明，例如，和其他风格类似的例子。

（1）创建一个CSS样式表文件，按下Shift + F11键打开CSS样式面板，单击{新款}按钮，在弹出的对话框中选择新的CSS样式} { {高级（ID、上下文选择器）}选项，然后选择{一}：在下拉菜单中选择链接{ }，点击OK按钮，如图22-3显示。
（2）编辑风格。保存样式表文件后（文件名是CSS，CSS），风格开始。设置不在默认的链接样式，字体为宋12pt，其他颜色，如没有设置参数，如图22-4所示。
（3）新建并设置样式；在新样式中单击{ }按钮，新样式{对话框}选择{类（可以应用于任何标签）}选项来定义自己的样式类，然后将名称设置为；（{ } }文本框用于指定类型，用户可以根据需要任意填充）。格式为*；；），最后单击{定义CSS，CSS }，一切都是按{好}后设立的，下一个设置为第二步相同，然后单击{确定}，如图22所示。
（4）在文档窗口中输入无底线的话。选择无底线的段落，然后打开属性设置界面，选择样式列表T1 如图22-6.this显示选定的网页元素应用样式。读者可以保存Web文件并在浏览器中预览它们。在这个时候，文字的大小是12px，和超链接的下划线了。
二步式链接

上述技术的综合应用，也可以创建更复杂的文本链接样式。

（1）平面块文本链接。在样式面板中，双击T1 打开T1样式表和定义它的块的链接样式，点击背景选项，首先添加一个背景颜色的链接，在这里选择红；如图22-7.in分类栏，选择显示，边境，然后在列表中，实线添加边框为四周左右的文本链接，从而实现平面块文本链接，如图22-8所示。
图22-7集色图22-8 4边界
（2）立体四边框的文本链接。在分类栏，选择边境然后设置宽度和高度为1px的价值，这样的链接文本和按钮之间的距离1px间距，使四个边境看起来有立体感，和具体设置如图22-9显示。

（3）定义的特殊效果的文字链接，CSS样式表也包含一组特殊效果滤镜，使用模糊滤镜创建文本链接，并链接也有边界效应。在过滤器的下拉菜单，选择{模糊（添加= =，方向，强度=）}选项，然后改变滤波器的参数，Blur（添加=真，方向= 45，强度= 1）如图22-10显示。
提出了模糊滤波器的3个参数：附加、方向和强度。
添加参数有两个参数值，即真与假，而功能是设置是否为图片添加模糊效果。方向参数用于设置模糊的方向。模糊操作按顺时针方向进行，其中0度垂直向上，每45度单位，默认值是左270度角和方向之间的关系是表22-1展示
强度参数值只能用一个整数来表示，该整数表示受歧义影响的像素数。默认值是5像素。
此时，该示例完成后，用户可以根据需要改变CSS样式，实现不同的文本链接功能，CSS样式的应用非常广泛。通过掌握CSS样式的使用，可以快速格式化和控制网页元素，从而美化页面，提高工作效率。