Archivo de la etiqueta: desordenada

Lista desordenada con diferentes bordes en CSS


En esta actividad queremos crear una lista desordenada en la que los elementos pares tengan un borde punteado rojo, y estén desplazados veinte píxeles hacia la derecha con respecto a los elementos impares. Estos últimos tendrán un borde continuo, pero con un color diferente para cada lado. Además, todos los elementos tendrán un margen interno con respecto al contenido de cinco píxeles.

act7p82

Para afrontar esta actividad, vamos a utilizar dos clases par e impar en el documento HTML.

Así, los archivos HTML y CSS que solucionan este ejercicio se muestran abajo.

htmlact7p82

cssact7p82