Scribd
Upload
4 views2 pages

Mouse Pointer HOVER in HTML Code

This document contains HTML code and CSS code that demonstrates how to create a mouse hover effect using an external stylesheet. The CSS code defines styles for links, lists, and emphasized text, including changing text decoration, color, and background color when a link is hovered over. The HTML code then links to the external stylesheet and includes example content like headings, lists, and a link to demonstrate the hover effect.

Uploaded by

maruthinaveen
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
4 views2 pages

Mouse Pointer HOVER in HTML Code

This document contains HTML code and CSS code that demonstrates how to create a mouse hover effect using an external stylesheet. The CSS code defines styles for links, lists, and emphasized text, including changing text decoration, color, and background color when a link is hovered over. The HTML code then links to the external stylesheet and includes example content like headings, lists, and a link to demonstrate the hover effect.

Uploaded by

maruthinaveen
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd

HTML Code for Mouse pointer-HOVER using External Style Sheet

[Link]:

a:node{text-decoration : None}
a:hover{text-decoration : underline; color : green; background-color : red}
li, em{color : red; font-weight : bold}
ul{margin-left:75px}
ul,ul{text-decoration : underline; margin-left:15px}

[Link]

<html>
<head>
<link rel="Stylesheet"
type="text/css"
href="[Link]"/>
</head>
<title>HOVER</title>
<body>
<h1> Shopping List for <em> Sunday </em>
</h1>
<ul><li>Milk</li>
<li>bread
<ul>
<li>bread1</li>
<li>bread2</li>
</ul>
</li>
<li>Rice</li>
<p><a class="hover"
href="[Link]">google</a>
</body>
</html>

\
OUTPUT:

You might also like