189 8069 5689

html中a标签如何设置颜色-创新互联

小编给大家分享一下html中a标签如何设置颜色，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

创新互联专注于企业成都营销网站建设、网站重做改版、内蒙古网站定制设计、自适应品牌网站建设、HTML5、商城网站制作、集团公司官网建设、成都外贸网站制作、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为内蒙古等各大城市提供网站开发制作服务。

首先我们要知道html a标签的颜色设置：

我们都知道在html中a标签在网页中默认的颜色是什么样的，现在试个代码看一下：





创新互联<a href="https://www.cdcxhl.com/" target="_blank">网站制作公司</a>t;
</head>
<body>
<a href="#">创新互联建站</a>
</body>
</html></pre><p>这是一个基础的html文档的代码，看在浏览器中的显示效果：</p><p><img src="/upload/otherpic18/13573.jpg" alt="html中a标签如何设置颜色"></p><p>上面的未点击的网址就是这样蓝色的，点击之后就是紫色的，这样的链接看上去不太好看，我们要给a标签设置一个颜色。比如说，我要给未点击的网址设置一个颜色，就红色吧，未点击之前是红色的，点击之后是就是黑色的。我们来做一下效果：</p><pre><head>
<meta charset="utf-8">
<title><a href="https://www.cdcxhl.com/" target="_blank">创新互联建站</a>



创新互联建站

我们来解释下代码：

  • a:link ：是未被访问的样式，可以在里面加很多东西，比如说去掉下划线，换颜色等功能都能在这里实现；

  • a:visited ：是已被点击后的样式，也可以在里面加很多元素，可以去下划线，改颜色，放大等功能；

  • a:hover ：这个是鼠标悬停的样式，这个等下有实例介绍，我们先来认识一下，是把鼠标停在超链接的位置的时候可以设置变颜色；

  • a:active ：这个说是已被激活的样式，简单得说就是能把鼠标点上去的时候，瞬间出的样式，在很多网站上都有这种样式的；

现在我们再来看个实例，把上面四个都放进去的效果：



<a href="https://www.cdcxhl.com/" target="_blank">创新互联建站</a>



创新互联建站

以上是html中a标签如何设置颜色的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联网站制作公司行业资讯频道！


当前名称：html中a标签如何设置颜色-创新互联
网站URL：http://jkwzsj.com/article/cceccd.html

其他资讯