开发者社区> asqq8> 正文

鼠标放上超链接显示背景效果

2016-06-06 844

简介： 鼠标放上超链接显示背景效果： a.one:link {color: #ff0000} a.one:visited {color: #0000ff} a.one:hover {color: #ffcc00} a.

+关注继续查看

鼠标放上超链接显示背景效果：

<html>
<head>
<style type="text/css">
a.one:link {color: #ff0000}
a.one:visited {color: #0000ff}
a.one:hover {color: #ffcc00}

a.two:link {color: #ff0000}
a.two:visited {color: #0000ff}
a.two:hover {font-size: 150%}

a.three:link {color: #ff0000}
a.three:visited {color: #0000ff}
a.three:hover {background: #66ff66}

a.four:link {color: #ff0000}
a.four:visited {color: #0000ff}
a.four:hover {font-family: monospace}

a.five:link {color: #ff0000; text-decoration: none}
a.five:visited {color: #0000ff; text-decoration: none}
a.five:hover {text-decoration: underline}
</style>
</head>

<body>
<p>请把鼠标移动到这些链接上，以查看效果：</p>

<p><b><a class="one" href="http://jinmengqiang.cn" target="_blank">这个链接改变颜色</a></b></p>
<p><b><a class="two" href=" http://jinmengqiang.cn" target="_blank">这个链接改变字体大小</a></b></p>
<p><b><a class="three" href=" http://jinmengqiang.cn" target="_blank">这个链接改变背景颜色</a></b></p>
<p><b><a class="four" href=" http://jinmengqiang.cn" target="_blank">这个链接改变字体系列</a></b></p>
<p><b><a class="five" href=" http://jinmengqiang.cn" target="_blank">这个链接改变文本装饰</a></b></p>
</body>

</html>

只需要在超链接CSS样式中添加以下代码即可：

a:link {color: #ff0000}
a:visited {color: #0000ff}
a:hover {background: #66ff66}

版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

前端开发

开发者社区 > 开发与运维 > 文章

云迁移中心

作者高分内容

更多

phpnow升级php版本 php-5.2.14-Win32升级至5.3.5 1281 鼠标放上超链接显示背景效果 843 网页特殊符号HTML代码大全 5419 重装系统漏掉了个网站没有备份到本地希望官方帮忙从快照中找回下数据 4703 dede只调用当天发布的文档 928

相关文章

SouthernWind

使用导航菜单如何实现在多个页面下左边导航菜单右边内容的效果

使用导航菜单如何实现在多个页面下左边导航菜单右边内容的效果

23 0

水冗水孚

两种方式实现css取消页面鼠标双击选中文字或单击拖动选中文字的效果

两种方式实现css取消页面鼠标双击选中文字或单击拖动选中文字的效果

75 0

白水你要努力啊

QT 事件过滤器实现鼠标悬浮时两个按钮背景互换

QT 事件过滤器实现鼠标悬浮时两个按钮背景互换

54 0

清风与我·

滚动条案例（点击跳转到指定地点，上下滑动跟随显示标题）

滚动条案例（点击跳转到指定地点，上下滑动跟随显示标题）

78 0

sysdzw

css动画：文字向上移动并逐渐消失点击按钮显示+1上移淡出

css动画：文字向上移动并逐渐消失点击按钮显示+1上移淡出

546 0

hahacai

点击图片或者鼠标划过切换样式的另一种写法

点击图片或者鼠标划过切换样式的另一种写法

29 0

yechaoa

底部弹出PopupWindow+地址三级联动，多问题全面分析，详细注释

底部弹出PopupWindow+地址三级联动，多问题全面分析，详细注释

85 0

长沙红胖子Qt

PS实用技巧：用原始图片制作显示（正常状态）、鼠标悬浮(hover)、鼠标点击(pressed)的方法

PS实用技巧：用原始图片制作显示（正常状态）、鼠标悬浮(hover)、鼠标点击(pressed)的方法

192 0

明金同学

使用 jQuery 操作页面元素的方法，实现浏览大图片的效果，在页面上插入一幅小图片，当鼠标悬停到小图片上时，在小图片的右侧出现与之相对应的大图片

使用 jQuery 操作页面元素的方法，实现浏览大图片的效果，在页面上插入一幅小图片，当鼠标悬停到小图片上时，在小图片的右侧出现与之相对应的大图片

134 0

青衫无名

winphone系统a、input标签被点击时产生的半透明灰色背景

970 0

+关注

asqq8

web前端开发与设计

文章

问答

视频

作者高分内容

更多

phpnow升级php版本 php-5.2.14-Win32升级至5.3.5 1281 鼠标放上超链接显示背景效果 843 网页特殊符号HTML代码大全 5419 重装系统漏掉了个网站没有备份到本地希望官方帮忙从快照中找回下数据 4703 dede只调用当天发布的文档 928

文章排行榜

最热

最新

1 C++ STL容器和算法：详解和实例演示 38099

2 Go 方法接收器：选择值接收器还是指针接收器？ 36927

3 干掉 “重复代码”，这三种方式绝了！ 35293

4 万能架构设计：ES+Redis+MySQL，这套组合可应对80%业务场景（2） 29965

5 使用篇丨链路追踪（Tracing）很简单：链路拓扑 29277

6 如何提高光伏发电效能异常检出效率的实践案例 27029

7 日志服务 SLS 和开源 ELK 全面对比 26926

8 阿里云蔡英华：Landing Zone助力生态伙伴成为企业云治理服务专家 24458

9 如何画好一张架构图？（3） 21654

10 高性能的本地缓存方案选型，看这篇就够了！ 20392

11 PolarDB-X 致数据库行内人 (一) ~ 如何有效评测国产数据库的分布式事务 14279

12 实践教程之体验PolarDB-X分布式事务和数据分区 9265

13 Python3，自从掌握了这个方法，再也不用print进行调试了。 12574

14 如何解决IoT数据入仓的客户实践 7593

15 现场直击：2023阿里云峰会精彩发布抢先看（内含福利） 332786

16 大数据&AI产品月刊【2023年4月】 4268

17 ClickHouse创始人：融合数据库该“卷”的还是性能和速度 54289

18 编程中最难的就是命名？这几招教你快速上手 31699

19 除了价格降70%，关于对象存储预留空间你还需要了解这些 31265

20 阿里云联合埃森哲正式发布《跨国企业上云登陆区（Landing Zone）白皮书》 49654

1 云效BizDevOps上手亲测 200

2 DTS链路内ETL使用手册 61

3 龙蜥白皮书精选：开源 RISC-V 技术支持软硬件全栈平台 76

4 基于 Log 的通用增量 Checkpoint 100

5 设计模式 385

6 AnalyticDB(ADB)+LLM：构建AIGC时代下企业专属Chatbot 57

7 如何开发一个人人爱的组件？ 4952

8 通义千问预体验，如何让 AI 模型应用“奔跑”在函数计算上？ 4960

9 多层网关已成过去，网关多合一成潮流，网关改造正当时丨Higress 正式发布 1.0 版本 434

10 DDD - 如何理解Entity与VO 8819

11 程序的编译和链接 8663

12 深度学习进阶篇-国内预训练模型[6]：ERNIE-Doc、THU-ERNIE、K-Encoder融合文本信息和KG知识；原理和模型结构详解。 9104

13 涨知识！一文带你读懂空气质量数据（附Java 和小程序接入示例代码） 8829

14 RecyclerView 性能优化 | 把加载表项耗时减半 (一) 8903

15 Kotlin 进阶 | 不变型、协变、逆变 8869

16 AIGC：在云上从0开始搭建ChatGLM-6B LLM环境 69

17 数据偏度介绍和处理方法 17447

18 递归算法解决经典问题 8871

19 驱动开发：内核解析内存四级页表 8706

20 深度学习进阶篇-国内预训练模型[5]：ERINE、ERNIE 3.0、ERNIE-的设计思路、模型结构、应用场景等详解 71

相关电子书

更多

低代码开发师（初级）实战教程

立即下载

阿里巴巴DevOps 最佳实践手册

立即下载

冬季实战营第三期：MySQL数据库进阶实战

立即下载