- 相关推荐
利用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 )”。
【利用Dreamweaver设计彩色文字链接的方法介绍】相关文章：
Dreamweaver设计彩色文字链接03-01
dreamweaver添加超链接的方法11-24
Dreamweaver站点范围内更改链接的方法介绍03-01
浅谈Dreamweaver超链接09-24
Dreamweaver为什么是空链接03-31