同一HTML页面上的不同颜色链接

发布时间：2020-12-14 21:20:39 所属栏目：资源来源：网络整理

导读：嗨,我想在同一页面上有不同的颜色链接.我想要一些链接为蓝色,一些链接为黑色.我是html和CSS的新手,所以提前谢谢你！ -Spencer 解决方法 CSS： A.class1 {color:red;}A.class1:link {text-decoration: none; color: red;}A.class1:visited {text-decoration:

嗨,我想在同一页面上有不同的颜色链接.我想要一些链接为蓝色,一些链接为黑色.我是html和CSS的新手,所以提前谢谢你！

-Spencer

解决方法

CSS：

A.class1 {color:red;}
A.class1:link  {text-decoration: none; color: red;}
A.class1:visited {text-decoration: none; color: red;}
A.class1:hover {text-decoration: underline; color: red;}
A.class1:active {text-decoration: none; color: red;}


A.class2 {color:blue;}
A.class2:link {text-decoration: none; color: blue;}
A.class2:visited {text-decoration: none; color: blue;}
A.class2:hover {text-decoration: underline; color: blue;}
A.class2:active {text-decoration: none; color: blue;}

HTML：

<a href="http://www.google.com" class="class1">Google</a>
<a href="http://stackoverflow.com" class="class2">Stackoverflow</a>

演示：
http://cssdesk.com/qukaq

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!