网页设计 百分网手机站

Dreamweaver设计彩色文字链接教程进阶版

时间:2020-09-30 09:34:14 网页设计 我要投稿

Dreamweaver设计彩色文字链接教程(进阶版)

  如何使用Dreamweaver设计彩色文字链接呢?下面是百分网小编整理的教程,欢迎阅读学习!

  Dreamweaver设计彩色文字链接教程(进阶版)

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

Dreamweaver设计彩色文字链接教程(进阶版)

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

Dreamweaver设计彩色文字链接

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

Dreamweaver设计彩色文字链接教程(进阶版)教程

【Dreamweaver设计彩色文字链接教程(进阶版)】相关文章:

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

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

浅谈Dreamweaver超链接08-02

如何使用Dreamweaver锚记链接07-22

Dreamweaver中怎样制作超链接11-02

Dreamweaver使用教程07-29

Dreamweaver空链接是什么意思08-03

Dreamweaver创建页面教程07-21

dreamweaver入门教程07-21

Dreamweaver创建跳转菜单教程07-22