利用Dreamweaver设计彩色文字链接的方法介绍

【提要】本篇《如何利用Dreamweaver设计彩色文字链接》特别为需要编程学习的朋友收集整理的,仅供参考。内容如下:

利用Dreamweaver设计彩色文字链接的方法介绍

如何利用Dreamweaver设计彩色文字链接?为帮助大家解决这一难题,下面小编带大家一起来看看详细操作步骤,希望对大家有所帮助!

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

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

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

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

(进阶版)

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

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

3、定义特效文字的链接,我们创建一个使用 Blur 滤镜的文字链接,在“过滤器”下拉菜单中选择“Blur ( Add=?,Direction=?,Strength=? )”选项,选项创建好了之后,然后我们就可以更改之前的滤镜参数,将它设置为“ Blur ( Add=ture,Direction=45,Strength=1 )”。