您现在的位置:
圆点视线
>>
教程
>>
网页设计
>>
网页制作技巧
>> 文章正文
如何在同一页面设置不同文字链接效果的样式.
热
★★★
如何在同一页面设置不同文字链接效果的样式.
作者:佚名 文章来源:圆点视线 点击数: 更新时间:2005-8-9 10:55:33
页面功能:【
发表评论
】【
加入收藏
】【
告诉好友
】【
打印此文
】【
关闭窗口
】
【字体:
小
大
】
代码如下:
〈HTML〉〈HEAD〉〈TITLE〉如何在同一页面设置不同文字链接效果的样式〈/TITLE〉
〈meta http-equiv="Content-Type" content="text/html; charset=gb2312"〉
〈style type="text/css"〉
〈!--
a:hover { font-size: 9pt; color: #FF0000; text-decoration: underline}
a:link { font-size: 9pt; color: #006699; text-decoration: underline}
a:visited { font-size: 9pt; color: #006699; text-decoration: underline}
a:active { font-size: 9pt; color: #FF0000; text-decoration: none}
a.r1:hover { font-size: 9pt; color: #FF0000; text-decoration: underline overline}
a.r1:link { font-size: 9pt; color: #000000; text-decoration: underline overline}
a.r1:visited { font-size: 9pt; color: #99CC00; text-decoration: underline overline}
a.r1:active { font-size: 9pt; color: #000000; text-decoration: underline overline}
--〉
〈/style〉
〈/head〉
〈body bgcolor="#FFFFFF" text="#000000"〉
〈a href="#"〉下划线链接 〈/a〉
〈p〉〈/p〉
〈a href="#" class="r1"〉双下划线链接〈/a〉
〈/BODY〉
〈/HTML〉
补充说明:
a:hover 表示鼠标划过时的样式.
a:link 表示链接的样式.
a:active 表示当前活动连接的样式.
a:visited 表示已经访问过的连接的样式.
【
发表评论
】【
加入收藏
】【
告诉好友
】【
打印此文
】【
关闭窗口
】 文章录入:apoints 责任编辑:apoints 【字体:
小
大
】
上一篇文章:
双击鼠标左键来滚动背景,单击停止。
下一篇文章:
用CSS给文字加入阴影效果和文字描边效果。
最新文章
相关文章
Dreamweaver超级技巧(中)
Dreamweaver超级技巧(下)
Dreamweaver滑动菜单的制作
Dreamweaver MX应用表格排序
Dreamweaver的技巧锦集17条
Dreamweaver技巧大放送前六招
使用Dreamweaver制作网页事如何使用库
简单实用的网页表格特效
DW MX实例:极酷的鼠标外观
DW MX实例:个性化 IE 滚动条
网友评论:
(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
发表评论:
姓 名:
评 分:
1分
2分
3分
4分
5分
评论内容:
·严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
·用户需对自己在使用本网服务过程中的行为承担法律责任
·本站管理员有权保留或删除评论内容。
·评论内容只代表机友个人观点,与本网站立场无关。
最 新 推 荐
百度主题推广
最 新 热 门