In this post, we will learn about how to remove dotted line around the link using CSS. When we click on a hyperlink or when any hyperlink active then a dotted outline appears around the link. This is the default behavior of a hyperlink. How can we remove this dotted line, we will learn in this post.

How To Remove Dotted Line Around The Link Using CSS ?

Remove Dotted Line Using CSS

For remove this dotted outline we use outline:none CSS property. This property helps to remove this dotted outline around the link when link is in focus or active.

<!DOCTYPE html>
<html>
<head>
<title>How To Remove Dotted Outline Around The Link Using CSS ?</title>
<style>
a, a:active, a:focus {
outline: none;
}
</style>
</head>
<body>

<a href="#">CodexRadar</a>

</body>
</html> code-box

Summary

In this post we learned how to remove dotted outline around the link using CSS. You try to make it yourself. I hope you make. If you face any problem, then comment and tell us. Keep visiting the blog to read more similar posts.

Post a Comment

Previous Post Next Post