html超链接字体颜色怎么改DW,如何利用Dreamweaver设计彩色文字链接

最新推荐文章于 2022-08-08 14:34:25 发布

橘子今天吃饭了没

最新推荐文章于 2022-08-08 14:34:25 发布

阅读量2.1k

点赞数 1

文章标签： html超链接字体颜色怎么改DW

本文详细介绍了在Dreamweaver中设计彩色文字链接的步骤，包括创建CSS样式，定义链接样式，如无下划线效果，以及进阶技巧，如添加背景色、边框和模糊滤镜，以实现块状文字链接和特效文字链接的创建。适合初学者和进阶用户提升网页设计技能。

摘要由CSDN通过智能技术生成

如何利用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 )”。