HTML / CSS

Roll Over sans Javascript



Copier /coller ou modifier le code ci dessous :

<object>

<style type="text/css">

 .roll
{
font-family: arial, helvetica, sans-serif;
margin: 0;
padding: 10;
}

.roll a
{
padding: 10;
display: block;
color: #000000;
font-size: 18px;
width: 150px;
height: 18px;
display: block;
text-decoration: none;
}

a:hover
{
background-color: #ccc;
color: #eee;
}

.roll
{
cursor: pointer;
}

</style>


<div class="roll"><br>
<a href="#">Rollover Texte 01</a><br>
<a href="#">Rollover Texte 02</a>
</div>

</object>