Comments on: How to create a dotted line for hyperlink in CSS http://www.haggardhosting.com/wordpress/how-to-create-a-dotted-line-for-hyperlink-in-css/ Affordable Website Design Thu, 26 Jan 2012 21:45:22 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: Dale Sackrider, II http://www.haggardhosting.com/wordpress/how-to-create-a-dotted-line-for-hyperlink-in-css/comment-page-1/#comment-22 Dale Sackrider, II Fri, 05 Dec 2008 22:12:23 +0000 http://www.haggardhosting.com/?p=75#comment-22 Hey - great information.... I thought I would add that the "border-width" settings you have here are default, so you can leave that line out unless you want to change them. The "border-bottom" is the color (which defaults to a blue color). If you want to play with where the dotted line is displayed or how thick the line is you just change the "0px 0px 1px 0px" settings. The px number is the thickness of the line (0= no line, 1= thin, etc). The order is Top, Right, Bottom, Left. so in the example here its 0 on top, 0 to the right, 1px on the bottom, and 0 on the left. If you wanted to REALLY make your links standout try something like 10px 10px 10px 10px. Hey – great information…. I thought I would add that the “border-width” settings you have here are default, so you can leave that line out unless you want to change them. The “border-bottom” is the color (which defaults to a blue color).

If you want to play with where the dotted line is displayed or how thick the line is you just change the “0px 0px 1px 0px” settings. The px number is the thickness of the line (0= no line, 1= thin, etc). The order is Top, Right, Bottom, Left. so in the example here its 0 on top, 0 to the right, 1px on the bottom, and 0 on the left. If you wanted to REALLY make your links standout try something like 10px 10px 10px 10px.

]]>