M$11$ Exercise $1$ Do an image rollover with CSS

In this exercise, you$$ll do an image rollover by using background images. When you$$re done, the

page will look as shown below before and after the rollover. Estimated time: $5-10$ minutes.

$1.$ Open these HTML and CSS files, and run the HTML file:

short$\_$exercises$\backslash$town$\_$hall$\backslash$speakers$\backslash$c$11$x$\_$sampson.html

short$\_$exercises$\backslash$town$\_$hall$\backslash$styles$\backslash$c$11$x$\_$rollovers.css

Note that it displays the image for Scott Sampson $($sampson$\_$dinosaur.jpg$),$ as shown above.

$1.$ Modify the HTML and CSS as shown in figure $11-6$ so the image changes to the image for

Andrew Ross Sorkin $($sorkin$\_$desk$260.$jpg$)$ when the user hovers the mouse over the original

image. To make this work, set the height and width properties for the element to $260$px$.$

Because the images aren$$t quite that size, you$$ll also need to set the background$-$repeat

property to no$-$repeat.