How to remove the underline of a tag in css

The way to remove the underline of the a tag in css is to add the text-decoration attribute to the a tag and set the attribute value to none, which means that the text decoration has no lines, for example [text-decoration-line: none; ].

The operating environment of this article: windows10 system, css 3, thinkpad t480 computer.

We can specify the type of line to be used for text decoration through the text-decoration-line attribute.

Common attribute values:

• none Default value. Specifies that there will be no lines for text modification

• underline Specifies that a line will be displayed below the text

• overline Specifies that a line will be displayed above the text

• line-through Specifies that a line will be displayed in the middle of the text

• initial Sets this property to its default value

• inherit Inherit this attribute from the parent element

Example:

    
  
 本实例中的段落上方会显示一条线。
 
注意：几乎所有的主流浏览器都不支持 text-decoration-line 属性。
 
注意：Firefox 支持另一个可替代该属性的属性，即 -moz-text-decoration-line 属性。
  

Running effect:

Related video tutorials:css video tutorial

The above is the detailed content of How to remove the underline of a tag in css. For more information, please follow other related articles on the PHP Chinese website!