Pseudo-clases dinámicas (2)

En este ejemplo se especifica para los links (:link, :visited y :hover) un texto blanco sobre fondo azul sin subrayar, en negritas y alineado centralmente. Se les da un tamaño de 120px de ancho por 30px de alto y un borde rojo de 4px en un estilo que parece sobresalir del fondo.

Luego se especifica que al ser visitados deben cambia el color de fondo por rojo y cuando son señalados cambiar el estilo de borde por uno que parece hundirse para conseguir el mismo efecto que un botón al ser seleccionado.

Link 1            Link 3            Link de control

A:link, A:visited, A:hover {
   color: white;
   background-color: blue;
   text-decoration: none;
   text-align: center;
   font-weight: bold;
   width: 120px;
   height: 32px;
   border: 4px ouset red;}
A:visited {background-color: red}
A:hover {border: inset}