Have you ever noticed that everytime you click on a link you can see a dotted outline/border? Isn’t it annoying? Especially when the dotted lines overlap or go through the other areas of your website? I’ll show you how to remove it completely using CSS. (Cascading Style Sheets).
Still don’t know what I’m talking about? Here’s a picture to help you remember how ugly it looks like.
Now that you’ve seen how ugly it is, let’s go ahead and remove it! All you have to do is add this couple of lines to your CSS.
a {
outline: none;
}And this is how it will look like after you’ve refreshed your links.
This has got to be one of the most useful CSS attributes ever – If it’s not the most useful it would still be way up there on my list. I mean seriously it makes your website look a lot cleaner (Even though you’ll only see it when you click on a link.), hehe.
Oh and by the way if you love having those outline/borders on your links…more power to you, whatever makes you happy!
Tags: CSS
