• 技术文章 >web前端 >前端问答

    html5怎么去除超链接的下划线

    青灯夜游青灯夜游2021-02-26 16:49:13原创1000

    html5页面中,可使用text-decoration属性去除超链接下划线,只需给a标签添加“text-decoration:none”样式即可。text-decoration定义文本修饰(下划线、删除线等),当值为none时则没有修饰。

    本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

    前端网页的开发中总是不可避免会使用到超链接,但是使用超链接时下面都会有一条下划线,这在网页中有时会显得很突兀,不合适也不美观,所以我们就需要将超链接下的这条下划线给去掉。

    在html页面中去掉超链接的下划线需要的是css中的text-decoration这个属性。

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<style type="text/css">
    			 a{text-decoration:none;} 
    		</style>
    	</head>
    	<body>
    		<a href="#">我是a标签</a>
    	</body>
    
    </html>

    效果图:

    1.png

    说明:

    text-decoration属性用于规定添加到文本的修饰,例如:下划线、上划线、删除线等。当该属性的值设置为“none”时,则表示定义标准的文本,不添加文本修饰。利用这个属性值我们可以去掉已经有下划线或删除线或顶划线的样式。【推荐教程:CSS视频教程

    text-decoration属性的属性值:

    2.png

    更多编程相关知识,请访问:编程视频!!

    以上就是html5怎么去除超链接的下划线的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:html5 css 超链接 下划线
    上一篇:html的label是什么 下一篇:html中hr怎么设置粗细
    线上培训班

    相关文章推荐

    • HTML5设置视频背景的方法介绍• html5实现图片的3D旋转效果• css标签与标签怎么设置距离• css的基本选择器有哪几种• css段落缩进属性是什么

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网