Dreamweaver如何设计彩色文字链接

2022-07-13 02:18:33   第一文档网     [ 字体: ] [ 阅读: ] [ 文档下载 ]
说明:文章内容仅供预览,部分内容可能不全。下载后的文档,内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的,是否完整无缺。下载word有问题请添加QQ:admin处理,感谢您的支持与谅解。点击这里给我发消息

#第一文档网# 导语】以下是®第一文档网的小编为您整理的《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)”。




本文来源:https://www.dywdw.cn/566d8dec588102d276a20029bd64783e09127dbb.html

相关推荐
推荐阅读