Get Started with Expression Web

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 Images Styles to Align Images with the Float Option

Add Meta Descriptions for Search Engine Optimization

Create a Rollover Image with the Swap Image Behavior

Make Global Updates with Dynamic Web Templates

Testing Web Site Accessibility

Test Your Web site Before You Publish in Online

Desire to learn design? Order video training for...

Expression Web Training Video

Microsoft Expression Web Essentials Video

How to Upgrade from FrontPage to Expression Web

Advanced Expression Web Training Video

Visit Total Training.com to find video training for all your favorite software programs.

Return to the Expression Web Training Center

Looking for ASP.NET Web hosting?

www.1and1.com,ada web hosting service which also claims to be the largest domain registrar in the world

You'll find many more Microsoft recommended Web servers at www.asp.net/hosters/

 

Partners and sponsors

Total Training Online Software Training - Try it Now Get Free Access

advertisement

Free Greeting Card, Expires 2-27-07

Trusted by over 7 million customers!

Total Training

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:

Partners and sponsors

Order Your Expression Web Training Video Today!

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

Partners and sponsors

Order Your Expression Web Training Video Today!

Shutterfly.com