首页 >web前端 >html教程 > 正文

html如何去掉超链接的下划线

原创2021-04-27 14:44:420676

html去掉超链接的下划线的方法是使用css中【text-decoration:none】来去掉超链接的下划线,代码为【<style type="text/css">a {text-decoration: none}</style>】。

本教程操作环境:windows7系统、html5版,DELL G3电脑。

html去掉超链接的下划线的方法:

可以用css中text-decoration:none来去掉超链接的下划线。

<html>
<head>
<style type="text/css">a {text-decoration: none}</style>
</head> 
<body><p><a href="具体连接地址">这是一个链接</a></p></body> </html>

be8d617b47a5a16553509452204261e.png

扩展资料:

HTML 超链接(链接)的属性:

超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。

当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。

我们通过使用 <a> 标签在 HTML 中创建链接。

有两种使用 <a> 标签的方式:

1、通过使用 href 属性 - 创建指向另一个文档的链接;

2、通过使用 name 属性 - 创建文档内的书签。

相关学习推荐:html视频教程

以上就是html如何去掉超链接的下划线的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:html 下划线
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    作者信息
    推荐视频教程
  • HTML 中文开发手册HTML 中文开发手册
  • html5开发实战之百度外卖手机站前端制作html5开发实战之百度外卖手机站前端制作
  • HTML+CSS网页基础HTML+CSS网页基础
  • HTML 代码实例HTML 代码实例
  • 前端课程(五郞八卦棍系列)第一棍:HTML5前端课程(五郞八卦棍系列)第一棍:HTML5
  • 视频教程分类