- 1). Access your website's code. This is done differently depending on the editor you use. In most cases, you click on "HTML," "CSS" or "Source Code."
- 2). Enter the following basic code, including the quotation marks: <a href="/links/?u=link" style="text-decoration: none; border-bottom: 1px solid #999999">text</a>
- 3). Substitute the target URL in place of "link," and insert your desired text in place of "text."
- 4). Change the "1px" to a larger numerical value if you prefer a thicker underline, though one pixel is standard for most websites.
- 5). Change "999999" to any hex color code of your choosing. The first two numbers represent the color's red saturation, the second two are green and the last two numbers represent blue. Visual representations of hex color codes are available online.
- 6). Save your changes to see the new underline color appear on your site.
Source...