CSS超链接样式删除下划线等

顺晟科技

2021-10-01 14:29:10

131

控制超链接样式

链接的四种状态：

a:link - 普通的、未被访问的链接
a:visited - 用户已访问的链接
a:hover - 鼠标指针位于链接的上方
a:active - 链接被点击的时刻

去除CSS超链接下划线

a:link {text-decoration: none}

a{
  #取消所有样式
  text-decoration: none;
}

text-decoration还有以下几种取值：

none 默认。定义标准的文本。
underline 定义文本下的一条线。
overline 定义文本上的一条线。
line-through 定义穿过文本下的一条线。
blink 定义闪烁的文本。
inherit 规定应该从父元素继承 text-decoration 属性的值。

去掉下滑线，也就是将text-decoration的值设为 none；如果想要再加上下划线，那就将text-decoration值设为underline；还有其它的几种情况就自己试一下。

链接框

<!DOCTYPE html>
<html>
<head>
<style>
a:link,a:visited
{
display:block;
font-weight:bold;
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
background-color:#98bf21;
width:120px;
text-align:center;
padding:4px;
text-decoration:none;
}

a:hover,a:active
{
background-color:#7A991A;
}
</style>
</head>

<body>
<a href="/index.html" target="_blank">click me</a>
</body>
</html>

上一篇：可以修改CSS超链接颜色吗？下一篇：[经验]定义CSS中超链接样式a:l

网站建设

Css

CSS超链接样式删除下划线等

控制超链接样式

去除CSS超链接下划线

链接框

Css

CSS超链接样式 删除下划线等

控制超链接样式

去除CSS超链接下划线

链接框

CSS超链接样式删除下划线等