CSS 基础教程-038 CSS对超级链接样式进行修饰

hrs 提交于 2020/01/12 - 08:34 , 周日

在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>

运行效果:

css_038.png

text-decoration: 定义链接的下划线样式 

值:none:定义没有下划线

underline:定义恢复下划线

标签