Show Output
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Example of image rollover</title> <style> a { width: 200px; height: 40px; display: block; color: #000000; font-size: 18px; font-weight: bold; text-align: center; line-height: 40px; text-decoration: none; background-image: url("/examples/images/normal.png"); } a:hover { background-image: url("/examples/images/rollover.png"); } </style> </head> <body> <p><a href="https://www.tutorialrepublic.com/" target="_top">Tutorial Republic</a></p> </body> </html>
