"You are such an engaging teacher. You made Expression Web and CSS make sense. I was about to give up until I found your videos. Thank you!"

-- Tim, Madison WI

Get Started with these free Expression Web tips

Five ways to customize the interface in Expression Web

Change link colors and remove the underline

Create external style sheets to save time with CSS

Center div tags in a CSS layout with Expression Web

Create styles to align images

Add Meta descriptions for Search Engine Optimization

Create a rollover image with the Swap Image behavior

Make global updates with Dynamic Web Templates

Test web site accessibility

Test your web site before you publish in online

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.)

Figure EW Tutorial 2-1.jpg

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

Figure EW Tutorial 2-2.jpg

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.

Figure EW Tutorial 2-3.jpg

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

Figure EW Tutorial 2-4.jpg

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.

Go on to Tip 3 | Return to Expression Web main page

What others say about Janine's videos

Learn Expression Web fast with these videos

Get Started with these free Expression Web tips

More Free Tutorials

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