How to Add Dotted Underlines to Hyperlinks

When you add a link into your webpage, normally your html code will look like this :

<a href="http://www.bloggertipandtrick.net/">Blogger Tutorials</a>

Result:
Blogger Tutorials
Depending on the CSS codes in your theme, you will see that link with or without a solid underline link.
Instead of a solid line, we can use dots to underline our links. To do this, we need to set the "text-decoration" and "border-bottom" style properties as below:

<a href="http://www.bloggertipandtrick.net/" style="text-decoration: none; border-bottom:1px dotted;">Blogger Tutorials</a>

Result:
Blogger Tutorials