Web Design Training courses, videos & tutorials at DigitalFamily.com
Web design & Internet trends
books, videos, training & consulting
  • Home
  • Store
    • Web Design Books
    • Dreamweaver Videos
    • Expression Web Videos
    • Products
    • Shopping Cart
    • Order Status
  • Consulting Services
  • Web Tutorials
    • Web Design 101
    • Mobile and Responsive Web Design
    • Social Media
    • Online Reputation
    • Dreamweaver
    • Expression Web
    • Cascading Style Sheets
    • WordPress
  • Dreamweaver
    • CS6 Tutorials
    • CS5 Tutorials
    • CS4 Tutorials
    • CS3 Tutorials
  • FAQ
    • Dreamweaver
    • CSS
    • Graphics
    • WordPress
    • Ask the Author
  • About Us
    • About DigitalFamily.com
    • About Janine Warner
  • Contact
Search the site...
Home» Tutorials » Expression Web » Change Link Colors and Remove the Underline with CSS in Expression Web

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

Posted by Janine Warner - September 8, 2012 - Expression Web, Tutorials
0

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.

expression-web

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Share with your friends

Expression Web Tutorials

  • How to Add a Favicon Image to Your Web Site
  • Test Your CSS Before You Publish with Expression Web
  • How to Test Web Site Accessibility with Microsoft Expression Web
  • Make Global Updates with Dynamic Web Templates in Expression Web
  • Create a Rollover with the Swap Image Behavior

Expression Web Products

  • Microsoft Expression Web Essentials Training Video for versions 2 & 3

    expressionweb2_ess-lg
    Training Video
    Janine's best-selling Expression Web training video starts with the basics and takes you through more advanced features, including in CSS, templates, and more. You'll get a solid introduction to web design, as you learn Microsoft Expression Web, and you're sure to love Janine's patient (and fun!) teaching style. This video works for both Expression We 2 and 3. More Info »
    $49.99$25.00

    View Cart / Checkout
© 2001 - 2013 All rights reserved. DigitalFamiliy.com was created by Janine Warner | Terms & Conditions of Use | Privacy Policy
  • Home
  • Store
  • Consulting Services
  • Web Tutorials
  • Dreamweaver
  • FAQ
  • About Us
  • Contact