Files
edicion-en-html/html2005/estilos/botonesrollover.html
2023-02-12 18:29:35 +01:00

43 lines
1.1 KiB
HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title></title>
<style type="text/css">
a.boton { border-style: solid;
border-color: rgb(127, 127, 127) rgb(0, 0, 0) rgb(0, 0, 0) rgb(127, 127, 127);
border-width: 1px;
margin-left: 3px;
margin-right: 3px;
padding-left: 2px;
padding-right: 2px;
text-decoration: none;
background-color: rgb(235, 235, 235);
}
a.boton:hover { border-style: solid;
border-color: rgb(0, 0, 0) rgb(127, 127, 127) rgb(127, 127, 127) rgb(0, 0, 0);
text-decoration: none;
background-color: rgb(200, 200, 200);
color: red;
}
a.boton:active { border-style: solid dotted dotted solid;
border-color: rgb(0, 0, 0) rgb(127, 127, 127) rgb(127, 127, 127) rgb(0, 0, 0);
text-decoration: none;
background-color: rgb(0, 0, 0);
}
</style>
</head>
<body>
<a class="boton" href="botonesrollover.html">Enlace
1</a>
<a class="boton" href="dos.htm">Enlace 2</a>
<a class="boton" href="tres.htm">Enlace 3</a>
<a class="boton" href="cuatro.htm">Enlace 4</a>
<a class="boton" href="cinco.htm">Enlace 5</a>
</body>
</html>