Publicado en CSS3

Poner colores en css3 en una hoja de estilo externa

Buenas a todo el mundo, esta vez voy a enseñar como meter los colorines con una hoja de estilo externa.

Voy a enseñar como meter este ejemplo con colorines:

Captura antes

Este sería el código de la imagen de arriba sin los colorines (solo con html5).

Captura antes sin colorines solo con html5

Aquí abajo está el código css3 con una hoja de estilo externa.

h2 = se refiere que pongo el color azul (se puede poner cualquier color obviamente).

.lista =  también cambia el color, es poniendo un punto y luego lo que queramos como en la imagen.

#otralista se trata también de cambiar el color poniéndole la almohadilla

captura despues con colorines codigo css3

Aquí en la imagen de abajo he puesto el código que sería con css3:

Para que salga el color y salga «.lista» (el punto y el nombre que quieras) hay que poner «class» delante (yo he puesto «.lista», pero se puede poner cualquier nombre).

Ejemplo:

ejemplo1

Y para que salga el color con la almohadilla se pone «id» y después «otralista» (yo he puesto otra lista, pero se puede poner otro nombre).

Ejemplo:

ejemplo2

captura despues con colorines codigo html

Para class e id (es decir class el punto (.) e id la almohadilla (#)) se pueden poner para un grupo de palabras o ponerlas por separado como este resultado:

captura despues con colorines

Deja un comentario

Este sitio utiliza Akismet para reducir el spam. Conoce cómo se procesan los datos de tus comentarios.