Dreamweaver打造多彩文字链接
作者:梦觉 来源:蓝色理想 发布时间:2007-11-11 18:59:00
文字链接可以说是网页中最常见的页面元素了,默认的文字链接样式都是带下划线的效果,这种一陈不变的外观可能使很多朋友都想改变它,以使之符合页面的整体效果,自从样式表得到广泛的应用后,这个愿望现在可以非常方便的实现。
今天我给大家介绍利用样式表打造多彩的文字链接效果。我将分为初级篇、进阶篇和高级篇给大家作介绍,所有的链接样式效果我们都将在样式编辑器中完成,关于Dreamweaver中的样式编辑器的用法请参考以前的介绍。链接样式浏览效果如下图。
一、 准备工作
我们将首先创建一个基本的链接样式,其他的样式将在此基础上添加一个自定义的Class类。
1、 Shift+F11打开样式面板,点击新建样式按钮,如图一;
2、 在Type选项中选择Use CSS Selector,创建默认链接样式,如图二;
3、 按照图三中所示设定默认链接的样式为无下划线,字体为宋体9pt,其他色彩等等都不设置,我们将在后面为每一个Class类分别设置。
4、 定义样式类Class。我们下面的每一个样式风格都是定义了一个单独的类,并将其赋予链接文字。步骤如下:点击添加打开新定义样式面板,选择Make Custom Style(class)定义自己的样式类。如图四;
5、 为链接文字添加样式类。选择一项链接文字,在窗口最下端的快速标签选择条上选择标签,右键点击此标签,选择Set Class将自定义的样式赋予此链接文字即可,如图五;
6、 其它链接文字样式的做法与此相同,后面我将不再作介绍。在本教程中有关定义hover状态的链接样式办法,朋友们可以自己制作。我也不再作介绍,只是提示定义时直接输入[.t1:hover]即可。
猜你喜欢
- ASP实现防止网站被采集代码如下:<% Dim AppealNum,AppealCount Appeal
- domainname.asp<form method="POST"> &nb
- [Q]怎么样查询特殊字符,如通配符%与_ [Q]如何插入单引号到数据库表中 [Q]怎样设置事务一致性 [Q]怎么样利用光标更新数据 [Q]怎
- 转发时请保留此声明信息,这段声明不并会影响你的速度! @author:  
- ORA-00600:internal error code,arguments:[num],[?],[?],[?],[?]产生原因:这种错误
- 1.创建数据库连接,并打开set cnn=Server.CreateObject("ADODB.Connection&q
- 在填写表单的时候为了让用户有更好的体验,有时需要根据用户的输入出现提示共用户选择,我这个就是根据输入的内容,从数据库取出相关内容以供选择,这
- 如何远程读取数据库页面?见下:<%Set HttpObj = Server.CreateObject(&
- 当鼠标移动上去后,字慢慢的变大的 效果应该 如果实现啊<!DOCTYPE html PUBLIC "-//W3C//DTD
- 网页广告 Banner 设计图文手册:采用以下要点来改善你的BANNER。广告并不便宜。 确信你的广告被第一时间读到。使用像这样的Sans
- 用CSS+DIV编写的实现在网页中显示圆角矩形的代码!希望对大家有用!谢谢支持!以下为CSS代码:<style> div.bg{
- 首先在我们进行信息系统的开发的时候,数据库的应用必不可少,对于一个企业级别的数据库应用很少是只使用一块磁盘的,很多都是使用RAID磁盘阵列,
- 说到Javascript的类继承,就必然离不开原型链,但只通过原型链实现的继承有着不少缺陷。无参数类继承的问题先看一段示例代码,实现B继承于
- <%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%> &nbs
- 每次写完的东西就忘了,下次用时还要重查资料重新写,这是今天写的一段测试代码,保留下来,记录给自已,同时分享给大家。目标:把下边的这个上传文件
- 1、元旦之前受赵晨之邀作为讨论嘉宾参加了ACM组织的“人与信息社会巡讲”。2、去之前赵晨发给了我大致的讨论提纲。咣当了好几下~说实话,我是硬
- 在备份数据库的时候,数据表中可能存在这样的值array('a'='b','c'='d
- ewebeditor支持兼容IE8 的方法方法:前几天ie8正式公布了,当天中午我就去下载了一个迫不急待的将自己的浏览器升级到ie8,偶还刻
- 研究网页编码很长时间了,因为最近要设计一个友情链接检测的VBS脚本,而与你链接的人的页面很可能是各种编码,以前采取的方法是:如果用GB231
- 六、XML展望 任何一项新技术的产生都是有其需求背景的,XML的诞生是在HTML遇到不可克服的困难之后。近年来HTML在许多复杂的Web应用