Centrar un Elemento con CSS

CSS

En este ejemplo veremos como centrar un elemento con CSS, un <div> en este caso.   HTML <div class=»miclase»></div>   CSS .miclase { display: block; margin-left: auto; margin-right: auto; }   Puedes probar este código en nuestro editor online para ver como quedaría. Recuerda añadirle un ancho, alto y color

Ver un Elemento cuando está la Pantalla Completa con CSS

CSS

La pseudo-clase :fullscreen se utiliza para incluir un elemento que se muestra cuando el naqvegador está a pantalla completa. En este ejemplo vemos como se utiliza: HTML <div class=»container»> <p><em>Haz clic para ver el elemento en pantalla completa</em></p> <div class=»elemento» id=»element»><p>Se cambiará el color en pantalla completa</p></div> <br /> <button

Crear un Triángulo a partir de un DIV

CSS

En este ejemplo vemos como crear la forma de un triángulo con CSS puro aplicado a una etiqueta <div>   HTML <div class=»triangulo»></div>   CSS .triangulo { width: 0; height: 0; border-bottom: 20px solid black; border-left: 20px solid transparent; border-right: 20px solid transparent; }   Resultado   Explicación Como vemos

Contadores en CSS

CSS

Los contadores en CSS pueden ser especialmente útiles para hacer listas resumidas. Estos son, en esencia, variables mantenidas por CSS cuyos valores pueden ser incrementados por las reglas de CSS para rastrear cuántas veces se usan. Veamos su uso con un ejemplo: HTML <ul> <li>Texto Aleatorio</li> <li>Texto Aleatorio</li> <li> Texto Aleatorio <ul>

Texto Degradado en CSS

CSS

Los Degradados o Gradients son una de los muchos efecto que podemos aplicar a un texto o elemento con CSS. En este ejemplo simple vemos como utilizarlo: HTML <p class=»degradado»>Texto con degradado</p>   CSS .degradado { background: -webkit-linear-gradient(blue, red); -webkit-text-fill-color: transparent; -webkit-background-clip: text; }   Resultado   Explicación   Puedes

Establecer el número de columnas de una lista en CSS

CSS

Las listas en el lenguaje HTML son uno de los elementos más utilizados. Una de las utilidades más comunes que se les suele dar, es la de crear los menús de una web o mostrar listas ordenadas o desordenadas de categorías, post, etc… Si creamos una lista, con por ejemplo

Cambiar el color del atributo Placeholder en CSS

CSS

El atributo placeholder dentro de la etiqueta input nos permite establecer un texto por defecto dentro del mismo. Este texto viene por defecto de color gris y es muy probable que desees cambiar ya que puede que quieras adaptarlo al estilo de tu página. El color de este texto es

Bordes con sombras en CSS

CSS

-Una de las formas más llamativas de decorar nuestros botones, cajas o cuadros de texto en CSS en incluirle una sombra a los bordes. Estableciendo unos parámetros en nuestra código de estilo podremos poner una sombra en los bordes y variar su color y tamaño. Podemos hacer que estas sombras

La Coruña, España Correo contacto@pc-solucion.es