Home >Web Front-end >Front-end Q&A >How to remove the underline of hyperlinks in html5
How to remove the underline of hyperlinks in html5
- 青灯夜游Original
- 2021-02-26 16:49:066605browse
In the HTML5 page, you can use the text-decoration attribute to remove the underline of the hyperlink. Just add the "text-decoration:none" style to the a tag. text-decoration defines text decoration (underline, strikethrough, etc.). When the value is none, there is no decoration.
The operating environment of this tutorial: Windows 7 system, CSS3&&HTML5 version, Dell G3 computer.
It is always inevitable to use hyperlinks in the development of front-end web pages. However, when using hyperlinks, there will be an underline underneath. This sometimes appears very abrupt, inappropriate and unsightly in the web page, so we You need to remove the underline under the hyperlink.
To remove the underline of a hyperlink in an HTML page, you need the text-decoration attribute in CSS.
<!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>Rendering:
Description:
The text-decoration attribute is used to specify the decoration added to the text, such as: underline, Overline, strikethrough, etc. When the value of this attribute is set to "none", it means that the standard text is defined and no text modification is added. Using this attribute value, we can remove styles that already have underline, strikethrough, or topline. [Recommended tutorial: CSS video tutorial]
Attribute value of text-decoration attribute:
For more programming-related knowledge, please Visit: Programming Video! !
The above is the detailed content of How to remove the underline of hyperlinks in html5. For more information, please follow other related articles on the PHP Chinese website!