Dreamweaver如何设计彩色文字链接

时间:2022-07-13 02:18:33 阅读: 最新文章 文档下载
说明:文章内容仅供预览,部分内容可能不全。下载后的文档,内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的,是否完整无缺。
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)”。




本文来源:https://www.wddqw.com/doc/566d8dec588102d276a20029bd64783e09127dbb.html