Article Topic Learning Download Q&A Programming Dictionary Game Recent Updates

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

Home > Web Front-end > HTML Tutorial > body text

如何去掉超链接的下划线_html/css_WEB-ITnose

WBOY

Release： 2016-06-24 11:31:28

Original

2653 people have browsed it

如何去掉超链接的下划线:
建议:尽可能的手写代码，可以有效的提高学习效率和深度。
每个人的欣赏事物的角度不一样，有些人喜欢链接带有下划线，有的人不喜欢，下面介绍一下如何去掉超链接的下划线。
在默认状态下，链接一般是带有下划线的，那么我们可以使用text-decoration属性来设置链接是否具有下划线。实例如下:

<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style type="text/css">a {  text-decoration: none;}</style></head><body><div><a href="http://www.softwhy.com">div+css教程</a></div></body></html>

Copy after login

将text-decoration的属性值设置为none即可去掉下划线。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=4739

更多内容可以参阅:http://www.softwhy.com/divcss/

Related labels：

如何去掉超链接的下划线

source：php.cn

Previous article：Meta http-equiv属性与HTTP头的Expires中（Cache-control）详解_html/css_WEB-ITnose Next article：CSS三角形广告文字_html/css_WEB-ITnose

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn