text-decoration 属性主要用于从链接中删除下划线
实例代码:
<!doctype html>
<html>
<head>
<style>
p{
color:red;
}
a{
font-size:20px;
}
a:link{
text-decoration:none;
}
a:visited{
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
a:active{
text-decoration:underline;
}
</style>
</head>
<body>
<h1>CSS 链接装饰</h1>
<a href="https://www.dwoke.com">你行网</a>
<p>注:上面这个链接是没有下划线的。</p>
</body>
</html>
运行效果:
评论