当前位置:才华咖 > 互联网计算机 > 设计制作 > 网页设计 > Dreamweaver设计彩色文字链接教程(进阶版)
手机版

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

来源:才华咖 阅读:1.31W 次

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

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

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

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

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

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

本文链接:https://www.caihuaka.com/sjzz/sjzz/log8ov.html

Copyright © 2024. 才华咖 All right reserved. 浙ICP备20120231号-3

文字美图素材,版权属于原作者。部分文章内容由网友提供推送时因种种原因未能与原作者联系上,若涉及版权问题,敬请原作者联系我们,立即处理。