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

效果说明

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

具体操作步骤:

步骤一初级链接样式

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

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

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

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

最新资讯
马云:人生的意外会很多,学会把握你就会与众不同

马云:人生的意外会很多

马云在上海纽约大学2020届本科生毕业典礼上发表演讲表
为什么说SpaceX首次载人飞行发射具有历史意义?

为什么说SpaceX首次载

预计19小时之后,北京时间31日22点22分将抵达国际空间站
刚刚,马斯克改写人类航天史!SpaceX实现全球首次商业载人发射

刚刚,马斯克改写人类航

“GONASA,GOSpaceX!”马斯克带领下的SpaceX再度迎来高光
和罗永浩锁了!中国银联首次杀入直播圈

和罗永浩锁了!中国银联

今天下午,银联发布的3条微博都提示“记得6·2来看罗永
快手拿下周杰伦全部歌曲版权授权

快手拿下周杰伦全部歌

快手正式宣布与杰威尔音乐达成版权授权合作。
湖畔大学开学 马云:世界比任何时候都需要企业家精神

湖畔大学开学 马云:世

湖畔大学六届新生在初夏的杭州迎来开学典礼。
最新文章
Dreamweaver文字或图片怎么添加空连接?

Dreamweaver文字或图

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

dreamweaver怎么制作

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

Dreamweaver怎么添加

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

DreamWeaver怎导入项

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

Dreamweaver网页怎么

Dreamweaver网页怎么制作CSS叠层样式?Dreamweaver制作
Dreamweaver怎么设计一款拼图游戏?

Dreamweaver怎么设计

Dreamweaver怎么设计一款拼图游戏?经常玩拼图,想要制作