使用CSS去除链接下划线
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用CSS去除链接下划线相关的知识,希望对你有一定的参考价值。
既然是链接那你写的一定是<a>标签,先去除下划线,代码是:text-decoration:none;把这个代码加到你要去除下划线的块上就可以了;
然后是接触是有下划线,
a:hovertext-decoration:underline;把这个代码加入到你的css中操作<a>标签,这样就可以实现了! 参考技术A 如果针对单个网页,可以把如下代码放入页面头部<head></head>中。
<style
type="text/css">
a
text-decoration:none;
a:hover
text-decoration:underline;
</style>
如果是针对整个网站,可把代码
a
text-decoration:none;
a:hover
text-decoration:underline;
存为一个css文件,然后在各网页头部引用:
<link
href="css文件路径/css文件名"
rel="stylesheet"
type="text/css"
/>
希望以上回答对你有帮助~ 参考技术B 如果针对单个网页,可以把如下代码放入页面头部<head></head>中。
<style
type="text/css">
a
text-decoration:none;
a:hover
text-decoration:underline;
</style>
如果是针对整个网站,可把代码
a
text-decoration:none;
a:hover
text-decoration:underline;
存为一个CSS文件,然后在各网页头部引用:
<link
href="CSS文件路径/CSS文件名"
rel="stylesheet"
type="text/css"
/>
希望以上回答对你有帮助~
在HTML中怎么去掉超链接的下划线?
参考技术A可以用css中text-decoration:none来去掉超链接的下划线。
<html>
<head>
<style type="text/css">a text-decoration: none</style>
</head>
<body><p><a href="具体连接地址">这是一个链接</a></p></body> </html>
扩展资料:
HTML 超链接(链接)的属性:
超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。
我们通过使用 <a> 标签在 HTML 中创建链接。
有两种使用 <a> 标签的方式:
1、通过使用 href 属性 - 创建指向另一个文档的链接;
2、通过使用 name 属性 - 创建文档内的书签。
以上是关于使用CSS去除链接下划线的主要内容,如果未能解决你的问题,请参考以下文章