Change Link Colors and Remove the Underline with CSS in Expression Web

If you don’t like the way text looks when it’s turned into a link, you can change the formatting, altering the colors, font, and even removing the underline. Just follow these instructions to create a CSS style in Expression Web that will change the appearance of your links:

1. To change link colors, choose Show File > Properties, and in the Page Properties dialog, choose the Formatting tab and you can specify colors for all four link states: Hyperlink (the color a link display in when it is first displayed on a page), Visited Hyperlink (the color a link displays in after a user has clicked on the link), Active Hyperlink (the color a link displays when a user is actively clicking on the link), and Hovered Hyperlink (the color a link appears when a user’s cursor is hovering over the link.)

2. When you specify link colors in the Page Properties dialog, four new styles appear in the Manage Styles task pane.

3. If you want to remove the underline style from your links, right click on the style named a (for the anchor tag) and choose Modify Style.

4. In the Modify Style dialog, set Text Decoration to None.

5. To view the effects of all of your new links styles, preview the page in a Web browser.

Don’t let the default HTML settings determine your design options, put CSS to work for you, and make your style your links to match your design.