伪类选择器
需求
我们希望所有的超链接
默认样式是黑色,24px,没有下划线
当鼠标移动到超链接时,自动出现下划线
点击后,超链接变成红色。这又该怎么实现呢
默认样式是黑色,24px,没有下划线
当鼠标移动到超链接时,自动出现下划线
点击后,超链接变成红色。这又该怎么实现呢
我们可以使用伪类选择器实现:
<html>
<head>
<style type="text/css">
/*伪类选择器*/
a:link {
color: black;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:visited {
color: red;
}
</style>
</head>
<body>
<a href="#">一点教程网</a>
</body>
</html>
效果:
热门文章
优秀文章