The underline of the a tag is the default appearance style of the link in the browser. It can be removed using the text-decoration attribute. You only need to set the "text-decoration: none;" style for the a tag. The text-decoration attribute is used to specify the decoration added to the text. When the value of this attribute is set to "none", it means that no text decoration will be added, and the existing text decoration will also be removed.
The operating environment of this tutorial: Windows 7 system, CSS3&&HTML5 version, Dell G3 computer.
HTML a tag
HTML uses the tag to set a hypertext link (referred to as a "hyperlink") for One page links to another page.
tag can define anchors. There are two uses for anchors:
Create a link (or hyperlink) to another document by using the href attribute. Create a bookmark within the document by using the name or id attribute (that is, You can create links to document fragments) The most important attribute of the element is the href attribute, which specifies the target of the link.
The default appearance of links in all browsers is: unvisited links are underlined and blue; visited links are underlined and purple; active links are underlined It's underlined and it's red.
<a href="#">a标签</a><br> <a href="#">a标签</a><br> <a href="#">a标签</a><br>
If you think the underline is not good-looking, you can remove the underline by adding text-decoration style to the a tag in HTML.
The text-decoration attribute specifies the modifications added to the text, such as underline, overline, strikethrough, etc.; when the value of this attribute is set to "none", it means that standard text is defined and no text decoration is added. (Even existing text decorations will be removed).
Using this attribute value, we can remove styles that already have underline, strikethrough, or topline.
<a href="#">a标签,默认有下划线</a><br> <a href="#" style="text-decoration: none;">a标签,去掉下划线</a>
Extended knowledge: the value of the text-decoration attribute
Value | Description |
---|---|
none | Default. Text that defines the standard. |
underline | Define a line under the text. |
overline | Define a line on the text. |
line-through | Define a line that passes under the text. |
blink | Define blinking text. |
inherit | Specifies that the value of the text-decoration attribute should be inherited from the parent element. |
(Learning video sharing: web front-end)
The above is the detailed content of What is the underline of a tag in html. For more information, please follow other related articles on the PHP Chinese website!