Home > Web Front-end > HTML Tutorial > 如何去掉超链接的下划线_html/css_WEB-ITnose

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

WBOY
Release: 2016-06-24 11:31:28
Original
2705 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/

source:php.cn
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
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template