A标签几种状况下的样式问题

简介: 正常状态下的a标签是这样的。去掉下划线只需要在样式里面加入a{text-decoration:none;}或者这里是A标签还有更加详细的设置。a:link{text-decoration:none; /* 指正常的未被访问过的链接*/}a:visited{text-decoration:none; /*指已经访问过的链接*/}a:hover{text-decoration:none;/*指鼠标在链接*/}a:active{text-decoration:none;/* 指正在点的链接*/ }可以试试下面的这段代码,比较以下就知道A标签的用法了。
正常状态下的a标签是这样的。

去掉下划线只需要在样式里面加入
a{
text-decoration:none;
}
或者
<a href="www.kanbuchuan.com"style='text-decoration:none;'>这里是A标签</a>

还有更加详细的设置。
a:link{text-decoration:none; /* 指正常的未被访问过的链接*/
}a:visited{text-decoration:none; /*指已经访问过的链接*/
}a:hover{text-decoration:none;/*指鼠标在链接*/}a:active{text-decoration:none;/* 指正在点的链接*/
}
可以试试下面的这段代码,比较以下就知道A标签的用法了。 ...




<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">

});
</script>
</head>

<body>
  <a href="www.kanbuchuan.com" style='text-decoration:none;' >这里是A标签</a>
</body> </html>

 

相关文章
|
6月前
|
容器
mui.css 滚动条消失 导致超出部分无法显示 overflow属性
mui.css 滚动条消失 导致超出部分无法显示 overflow属性
66 0
|
6月前
|
JavaScript
vue给li标签设置鼠标覆盖阴影样式
vue给li标签设置鼠标覆盖阴影样式
|
6月前
|
前端开发 开发者
深入了解 CSS 伪类:优化页面样式与交互
深入了解 CSS 伪类:优化页面样式与交互
101 2
|
6月前
|
Web App开发 前端开发 JavaScript
探索CSS中的粘性定位:解锁网页布局的新可能
这篇文章详细解释了CSS中的sticky定位方式,并讲解了它的工作原理。
|
前端开发
使用css样式淡化body背景图片的实现方法
使用css样式淡化body背景图片的实现方法
107 0
|
Web App开发 前端开发 JavaScript
css黏性定位-实现商城的分类滚动的标题吸附
css黏性定位-实现商城的分类滚动的标题吸附
119 0
|
JavaScript 前端开发 API
CSS之变量(四)悬浮跟踪按钮
CSS之变量(四)悬浮跟踪按钮
CSS之变量(四)悬浮跟踪按钮
|
前端开发
【CSS】使用CSS控制文字过多自动省略号
使用CSS可以设置一下样式: u,small{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -...
1333 0