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

发布时间:2023-03-30 16:08:09

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

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

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

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

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

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

看了Dreamweaver设计**文字链接教程(进阶版)还看了:
  • Dreamweaver设计**文字链接

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

  • 如何利用Dreamweaver设计**文字链接

    如何利用Dreamweaver设计**文字链接?为帮助大家解决这一难题,下面百分网小编带大家一起来看看详细*作步骤,希望对大家有所帮助!想了解更多相关信息请持续关注我们应届毕业生考试网!1、按下Shift+F11键打开CSS样式面板,单击“...

  • Dreamweaver如何设计**文字链接

    如何利用Dreamweaver设计**文字链接?为帮助大家解决这一难题,下面小编带大家一起来看看详细*作步骤,希望对大家有所帮助!想了解更多相关信息请持续关注我们考试网!1、按下Shift+F11键打开CSS样式面板,单击“新建样式”按钮,...

  • 怎么用Dreamweaver设计**文字链接

    大家知道怎么用Dreamweaver设计**文字链接吗?在添加、更改或删除本地站点上的链接时,缓存文件以不可见的方式进行更新?下面我们就给大家详细介绍一下吧!1、在CSS样式表面板中双击“.t1”,打开t1样式表,这里要定义其块状链接样式。...

  • Dreamweaver**模式教程

    在图象和图形处理软件中,通常都使用了HSB、RGB、Lab及CMYK几种**模型,并且具有多种**模式,用来反映不同的**范围,其中许多模式能用对应的命令相互转换。下面是小编为大家整理的Dreamweaver**模式教程,欢迎参考~(一)H...