Dreamweaver如何设计彩色文字链接

2022-07-13 02:18:33 文档大全网 [ 字体：小中大 ] [ 阅读： ]

【#文档大全网# 导语】以下是®文档大全网的小编为您整理的《Dreamweaver如何设计彩色文字链接》，欢迎阅读！
Dreamweaver,彩色,文字,链接,如何
Dreamweaver如何设计彩色文字链接

Dreamweaver如何设计彩色文字链接

1、按下Shift+F11键打开CSS样式面板，单击“新建样式”按钮，在弹出的“新建CSS样式”对话框中点选“高级”选项，然后在选择器下拉菜单中选择“a:link”，点击确定，创建一个CSS样式表文件。

2、保存样式表文件后，设定默认链接样式为无下划线，字体为宋体12pt，其他色彩等参数都不设置。

3、再次单击“新建样式”按钮，在“新建CSS样式”对话框中点选“类”并定义自己的`样式类，然后设置名称为“.t1”，点选“定义在css.css”，设置完毕后单击确定。接下来的设置跟第二步操作一样，然后单击确定。

4、在文档窗口中输入“无下划线”字样。选中“无下划线”段落，然后打开属性设置界面，在样式列表中选择“t1”，将样式应用到所选网页元素上，保存网页文件后预览，这个时候会发现文字的大小为12px，而且超级链接的下划线也不见了。(进阶版)

1、在CSS样式表面板中双击“.t1”，打开t1样式表，这里要定义其块状链接样式。单击“背景”选项，首先给链接增加一个背景色，这里选择“红色”，在分类栏中选择“边框”，然后在“上”列表中选择“实线”，为文字链接的四周增加一个边框，从而实现平面块状文字链接。

2、在分类栏中选择“边框”，然后设置宽和高的值为1px，这样可以使链接文字与按钮四周有1px的间距，从而使四边框看起来有立体感。

3、定义特效文字的链接，我们创建一个使用Blur滤镜的文字链接，在“过滤器”下拉菜单中选择

“Blur(Add=?,Direction=?,Strength=?)”选项，选项创建好了之

后，然后我们就可以更改之前的滤镜参数，将它设置为“Blur(Add=ture,Direction=45,Strength=1)”。