a标签 CSS样式鼠标悬停、点击、点击后、选定

原创最新推荐文章于 2026-03-30 21:38:11 发布 6.7w 阅读 AI写同款

收录于

CSS

夕降巫咸

码龄9年墨衍会员 · AI 创作全网分发

53粉丝46篇原创

关注

CSS 颜色设置 鼠标悬停至标签效果设置 html比较静态，能够支持的交互效果较为有限，而css则可以带来比较丰富的视觉交互的效果，以及一些友好的结构调整方案，比如颜色设置，或者是鼠标交互时的效果，这里简单的实现一下值得注意的是css也是相对 ”静态“ 的一种 “配置语言”，没有过多的流程控制，需要的是根据选定的标签对象来配置选择方案 css选择标签对象，既可以根据其标签名（但是这个改动会影响全局的同名标签），也可以根据自定义的标签类... 阅读详情

AI摘要

本文回顾了一位前端开发者的成长历程，从新手阶段到积累近一年的工作经验，分享了对前端技术快速发展的感悟。

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
    a:link { color: #06F; text-decoration: none; }/* 未访问的链接 */
    a:visited { color: #999; text-decoration: line-through; } /* 已访问的链接 */
    a:hover { color: #F00; text-decoration: underline; }/* 鼠标移动到链接上 */
    a:active { color: #F0F; } /* 选定的链接 */
</style>
</head>
<body>
<p><a href="#">这里是链接</a></p>
<p><a href="10.html">这里也是链接</a></p>
</body>

最开始写这篇博客的时候自己还是个小白，还不知道插入代码段，当然对前端的知识也不是很懂。如今从事前端工作近一年了，发现前端的技术，框架日新月异，2019年1月23日更新此博，勉励自己，继续加油！