Home > Article > Web Front-end > How to prevent hyperlinks from being underlined in css
How to prevent hyperlinks from being underlined in css
- 藏色散人Original
- 2021-01-28 11:14:526348browse
How to make hyperlinks ununderlined in css: First create an HTML sample file; then add an a tag; finally add the "text-decoration:none;" attribute to the a tag to remove the underline from the hyperlink .
The operating environment of this tutorial: windows7 system, HTML5&&CSS3 version, DELL G3 computer.
Recommended: css video tutorial
css so that hyperlinks are not underlined?
To remove underlines in css, you can set the text-decoration attribute of the a tag to none.
Use a case to illustrate:
1. Code part
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>document</title>
</head>
<body>
<a href="#">我要去除超链接下划线</a>
</body>
</html>2. The effect of the above code displayed in the browser is underlined. We will do the following operations Remove the underline
Add the style tag and write the following code:
<style>
a{
text-decoration: none;
}
</style>Open the browser again and the underline of the a tag will be removed.
text-decoration means the text decoration effect:
● The none parameter indicates that the hyperlink text will not be underlined;
● The underline parameter indicates that the hyperlink text will be underlined
The above is the detailed content of How to prevent hyperlinks from being underlined in css. For more information, please follow other related articles on the PHP Chinese website!