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

效果说明

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

具体操作步骤:

步骤一初级链接样式

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

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

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

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

最新资讯
QQ小程序正在进行灰度测试 将于6月正式上线

QQ小程序正在进行灰度

“QQ小程序正在进行灰度测试,没有意外的话,将于6月份正
潘石屹:富士康员工做苹果手机没成就感 不如我做木碗

潘石屹:富士康员工做

潘石屹表示,苹果的手机自己特别喜欢,可是富士康的工人生
瑞幸才是真正的牛逼民族企业

瑞幸才是真正的牛逼民

至于你信不信,我反正是信了。
苏宁易购成立易采云公司 苏宁云商COO侯恩龙任法人

苏宁易购成立易采云公

启信宝数据显示,5月20日,苏宁易购新增对外投资,成立了南
苹果小米"变软"的尴尬:互联网服务营收迟迟扶不上墙

苹果小米"变软"的尴

互联网业务,究竟能否成为手机厂商们在硬件销量下滑后的
任正非,你也太能装逼了吧?

任正非,你也太能装逼了

真正的逼王之王是怎样的境界?
最新文章
Dreamweaver cs5命令列表怎么删除命令?

Dreamweaver cs5命令

Dreamweaver cs5命令列表怎么删除命令?Dreamweaver cs5
Dreamweaver怎么设置不可见元素的参数?

Dreamweaver怎么设置

Dreamweaver怎么设置不可见元素的参数?Dreamweaver中有
Dreamweaver cs5怎么插入AppLet类型文件?

Dreamweaver cs5怎么

Dreamweaver怎么插入AppLet类型文件?Dreamweaver制作网
Dreamweaver cs5字体家族怎么添加删除字体?

Dreamweaver cs5字体

Dreamweaver cs5字体家族怎么添加删除字体?Dreamweaver
dreamweaver cs5网页怎么链接css样式?

dreamweaver cs5网页

dreamweaver cs5网页怎么链接css样式?dreamweaver cs5
Dreamweaver页面怎么制作悬浮在固定位置的导航?

Dreamweaver页面怎么

Dreamweaver页面怎么制作悬浮在固定位置的导航?Dreamwe