Using Images as Hyperlink Backgrounds

Using images as hyperlinks has long been a staple of Web design; the individual images serve as buttons, and combined within a page area, they serve as navigation bars. A designer might use JavaScript to make the images display a roll-over effect. Expression Web’s Interactive Buttons feature makes it easy to create buttons like this by using images and JavaScript.

In this exercise, you will create an alternative to these buttons with nothing more than a regular text-based hyperlink, two images, and a little CSS, with no JavaScript at all.


USE the CH5 sample site you modified in the previous exercise.

OPEN the CH5 site if it isn’t already open, and display the Backgrounds page in Split view.

  1. In the Code pane, ...

Get Microsoft® Expression® Web Step by Step now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.