在ccs 样式设计的时候,我们需要对超级链接进行修饰,比如去掉链接的下划线或者更换它的颜色 ,这一节我们就来学习一下链接的文本修饰。
实例代码:
<!doctype html>
<head>
<meta charset="utf-8">
<style type="text/css">
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:underline;}
a:active{text-decoration:underline;}
a{font-size:20px;
font-weight:bold;
}
</style>
</head>
<html>
<body>
<h1>链接的修饰实例</h1>
<p><a href="https://dwoke.com" target="_blank">这是一个超级链接</a></p>
<p>注:默认加载后,超级链接是没有下划线的,当你鼠标指针移动或点击到链接的时候,又恢复下划线</p>
</body>
</html>
运行效果:
text-decoration: 定义链接的下划线样式
值:none:定义没有下划线
underline:定义恢复下划线
评论