How to Color Your Underlines

HTML helps create basic Internet elements, but it has its limitations. If you're using HTML code to create your website, your hyperlink underline colors are shaded blue by default. With a CSS style tag, it's possible to color the underlines for a bolder look. The code takes only seconds to enter and can be used multiple times on the same page for a rainbow of different link colors.

Instructions

    • 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="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.

Related Searches:

References

Resources

Comments

You May Also Like

Related Ads

Featured