Q:

How to remove dotted line around the links or linked images using CSS

mhmadesk
Save to bookmark
|
2022-05-17
|
  278 
Very Easy
0

How to remove dotted line around the links or linked images using CSS

Css programming, examples, Css programming examples,
login and add your own answer to this question

All Answers

mhmadesk
2022-05-17
need an explanation for this answer? contact us directly to get an explanation for this answer

Use the CSS outline property

When a hyperlink becomes active or gets focus, a dotted line appears around the link to differentiate it from other links, this is the default behavior of a hyperlinks. It is basically the dotted outline that does not affect the surrounding element as border does.

If you want to remove this outline you can apply these styles to your links:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Removing Dotted Outlines Using CSS</title>
<style>
    a, a:active, a:focus{
        outline: none; /* Works in Firefox, Chrome, IE8 and above */
    }
</style>
</head>
<body>
    <div class="menu">
        <a href="#">Home</a> | <a href="#">About Us</a> | <a href="#">Contact</a>
    </div>
</body>
</html>

need an explanation for this answer? contact us directly to get an explanation for this answer

total answers (1)

This question belongs to these collections

Similar questions

need a help?

find thousands of online teachers now