这篇文章主要介绍了dreamweaver技设计彩色文字链接示例,需要的朋友可以参考下

效果说明

将鼠标置于文本上时,文本样式会发生改变,比如不会出现下划线,文字会闪动等。结合其他样式属性,还可以实现按钮式文字链接,效果如图所示。

具体操作步骤:

步骤一初级链接样式

在 CSS 样式定义设置对话框中的“类型”子选项中有 5 种修饰类型。点选不同的修饰项,可以轻易设置不同的初级链接样式,如图1所示。下面以“无”下划线设置为例进行讲解,其他样式的设置跟本例类似。

1、创建一个 CSS 样式表文件。按下 Shift+F11 键打开 CSS 样式面板,单击按钮,在弹出的对话框中点选选项,然后在选择器下拉菜单中选择,单击按钮,如图2所示。

2、编辑样式。保存样式表文件(文件名为 css.css )后,开始编辑样式。设定默认链接样式为无下划线,字体为宋体 12pt ,其他色彩等参数都不设置,如图3所示。

3、新建并设置样式“ .t1 ”。再次单击按钮,在对话框中点选选项,定义自己的样式类,然后设置名称为“ .t1 ”(文本框是用来指定类的,用户可以根据需要任意填写,其格式是“ .* ”),最后点选,一切设置完毕后单击。接下来的设置跟第二步操作一样,然后单击,如图4所示。

最新资讯
微软高管解读2021第一财季财报 纳德拉:用户开始更愿意选择Azure

微软高管解读2021第一

开发者方面,无论是直接迁移(lift-and-shift)还是新应用,他
已故三星会长李健熙任内公司资产增长约5万亿元

已故三星会长李健熙任

已故三星集团会长李健熙任内三星总资产增长逾76倍,增加
杨元庆:联想5G标准必要专利突破千件 新技术架构“春山可望”

杨元庆:联想5G标准必要

联想集团董事长兼CEO杨元庆今日表示,联想在5G领域申请
爱彼迎称计划在纳斯达克交易所上市

爱彼迎称计划在纳斯达

房屋短租初创公司爱彼迎(Airbnb)周二表示,计划在纳斯达克
原始黑洞是否可能是暗物质?

原始黑洞是否可能是暗

英国著名物理学家斯蒂芬·霍金提出过一个观点:看不见的
“智慧药片”存在吗?未来喝下神奇药片或将变成“超人”!

“智慧药片”存在吗?未

如果有一种方法可以突破极限,实现能力无限呢?如果有种神
最新文章
Dreamweaver代码怎么自动排版? dw代码格式化的技巧

Dreamweaver代码怎么

Dreamweaver代码怎么自动排?Dreamweaver中的代码看上去
Dreamweaver文字或图片怎么添加空连接?

Dreamweaver文字或图

Dreamweaver文字或图片怎么添加空连接?Dreamweaver制作
dreamweaver怎么制作向上滚动的文字代码?

dreamweaver怎么制作

dreamweaver怎么制作向上滚动的文字代码?dreamweaver设
Dreamweaver怎么添加调试浏览器?

Dreamweaver怎么添加

Dreamweaver怎么添加调试浏览器?Dreamweaver中调试网页
DreamWeaver怎导入项目? dw直接导入项目的教程

DreamWeaver怎导入项

DreamWeaver怎导入项目?之前做好了一个dw项目,想要直接
Dreamweaver网页怎么制作CSS叠层样式?

Dreamweaver网页怎么

Dreamweaver网页怎么制作CSS叠层样式?Dreamweaver制作