This CSS property is the most wanted snippet for any Web Developer. Here you will learn how to remove the ugly dotted outline around <a> tags on-click state.

I figured this out some time ago and I am sure not all the developers will not have known this property and this is because I find this ugly dotted outline around all the <a> tags on almost every site I have visited.

You would have found this even on my site till yesterday, but now it seems to be more pleasant for me too without the outline.

Here is a comparison of an <a> tag on my site. Preview is on-click state

Here is what you have to add in the CSS…

/* CSS Document */

a { outline:none; }

Note: This works on Firefox and not for IE. I have not tested on other browsers.

As simple as that. Give it a try on any of your site… I am sure it will look more pleasing.

Here is a simple Photoshop Tutorial to create Cool Web 2.0 looking wallpapers for your logo. In this example I have used my logo. Hope you like it.

• First we start off with a 1024 * 768 Blank Document.
• Create a new layer and fill with any color.
• Now move to layer styles and choose gradiend and pick the gradient from the image below

more…