网页设计

如何利用Dreamweaver设计彩色文字链接

时间:2024-06-06 11:05:21 网页设计 我要投稿
  • 相关推荐

如何利用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设计彩色文字链接的方法介绍02-25

Dreamweaver设计彩色文字链接03-01

Dreamweaver如何锚记链接03-29

如何使用Dreamweaver锚记链接11-12

Dreamweaver如何检查站点链接是否错误03-03

利用Dreamweaver如何制作弹出菜单03-24

浅谈Dreamweaver超链接09-24

Dreamweaver如何设置文本域文字03-28

Dreamweaver为什么是空链接03-31