今天我来捣鼓一下CSS链接样式，就是平时大家上网看到的那些花里胡哨的链接，点一下还能变个颜色啥的，我觉得挺有意思，就想自己动手试试。
我先建一个HTML文件，随便写点内容，然后在里面加一个链接。刚开始啥也没弄，就是浏览器默认的那个蓝不拉几的颜色，还带着下划线，看着就不得劲儿。
鼓捣过程
我琢磨着，得给它换个颜色，去下划线，看起来精神点。于是我开始动手：
- 第一步， 我在
<head>标签里头加个<style>标签，准备在里面写点CSS代码。 - 第二步， 我选中那个链接，用的是
a这个选择器，简单粗暴。 - 第三步， 我给它换个颜色，用的是
color属性，设个值，比如color: red;，链接立马就变红，还挺喜庆。 - 第四步, 然后我把下划线去掉,用的是
text-decoration: none;, 链接瞬间清爽不少。
搞定基本样式，我又想，这鼠标点上去不得有点变化？于是我又加点料：
- 我用
a:hover这个伪类，表示鼠标悬停在链接上时的状态。 - 在
a:hover里头，我又改下颜色，比如color: green;，鼠标一放上去，链接就变绿，还挺好玩。 - 我还试试其他状态，比如
a:visited表示访问过的链接，a:active表示点击链接时的状态，都给它们设置不同的颜色，花里胡哨的，挺有成就感。
最终成果
折腾一番，我算是把链接样式给玩明白。以后再看到那些好看的链接，我也能自己动手做出来，不用羡慕别人。这种感觉很不错，自己动手，丰衣足食嘛而且我发现网上有很多资料可以学习，只要你想弄，没有啥是弄不出来的！
免责声明：由于无法甄别是否为投稿用户创作以及文章的准确性,本站尊重并保护知识产权，根据《信息网络传播权保护条例》，如我们转载的作品侵犯了您的权利,请您通知我们，请将本侵权页面网址发送邮件到qingge@88.com，深感抱歉，我们会做删除处理。