2ª Parte Módulo 2 Actividad 3

<style>
ul {
     list-style-type: none;
     text-align: center;
   /* Suficiente anchura para que quepa "Presentación" */
  width: 120px;
     padding: 0;
}

li {
    background-color: #00F;
    color: #FFF;
  /* El borde blanco separa los elementos */
  border: 2px solid #FFF;
}

li a {
    color: #FFF;
   text-decoration: none;
  /* Necesario para que el enlace ocupe todo el ancho del elemento  de la lista */
  display: block;
    width: 100%;
}

  /* Efecto cuando se situa el ratón encima de un elemento de la lista o cuando recibe el foco del teclado */
li a:hover, li a:focus {
 /* ¿Qué pasa si se utiliza la propiedad border */
  outline: 2px solid #F00;
}

</style>