How do I get rid of HTML a hyperlink underline? (an example is detailed)

We in the HTML page production process, I believe that the CSS text hyperlink this concept is not unfamiliar. We all know that we want to add an anchor point to a piece of text or to a specified element-that is, hyperlinks need to use a tag in HTML.

Then some novice may find that the text hyperlink will automatically underline when using the a tag! This makes some small white people feel distressed, because from the visual aesthetics of the dull text hyperlink display is obviously not good looking. So how to get rid of HTML CSS Hyperlinks underline, that is, how to remove the text hyperlink underline is a temporary more difficult for beginners.

This article will give you a detailed talk about how to remove the CSS a tag hyperlink underline.

The example code for a HTML a tag is as follows:

<! DOCTYPE html>
Effects such as:


, you can not see the familiar underline! So let's add a style style property to the CSS!

<! DOCTYPE html>


Effects such as:



As you can see from the diagram, is the text hyperlink underline removed? Is the implementation of this effect very simple? The main master of a style attribute is text-decoration:none; Adding this attribute to the corresponding a-label text will remove the text hyperlink underline.

Over there is this article about how to remove HTML CSS text hyperlink underline the specific method introduced! The content is easy to understand! Hope to have the help of friends who need! If you want to learn more about Web front-end CSS knowledge, recommended topic.alibabacloud.com "Herself Heart Sutra" series of courses, you can learn for free.