¿Cómo usar CSS en CodePen?

Selectores css

En css lo primero que hay que hacer es seleccionar mediante un selector al elemento html que se le quieren dar atributos visuales. El selector va seguido por un par de {} (llaves), dentro de las llaves después pondremos las propiedades css que daran el diseño al elemento seleccionado.

Lee mas

¿Cómo se pone una imagen en CodePen?

Vamos a hacer uso de la etiqueta "img", ésta etiqueta nos ayudará a colocar una imagen, también hacemos uso del atributo "src", que nos ayuda a poner la dirección de donde se encuentra nuestra imagen y así aparezca en nuestra página, también usamos el atributo "alt", que nos coloca un texto en caso de no encontar la ¿Cómo guardar un trabajo en CodePen? Una vez ya termines tu código, simplemente das en el boton de «Save» para guardarlo y automáticamente ya tendrás la url en la barra de direcciones de tu navegador, lista para copiar y compartir, puedes hacer cuantos cambios quieras y todos se guardaran en la misma url.