#activar ~ .desplegable {display: none;overflow: hidden;} #activar:checked ~ .desplegable {display: block;} -->
Generador Tooltip
Listas para las entradas de mi blog
Plantilla Holiday
Como agregar WhatsApp a tu blog o sitio web.
Formulas basicas en Excel  Suma y resta
 Blockquote HTML y CSS
Carrusel o Slider de entradas destacadas
La función de redondear números en Excel
Boton Spoiler
Formulario de Contacto Flotante
Formato Condicional para Excel. Reglas superiores e inferiores
Formato Condicional para Excel -Barra de datos

Crear columnas en nuestras entradas


Hoy vamos a hablar de como
podemos poner columnas en nuestras entradas.

Espacio y numero de columnas



Códigos



<style>
.newspaper {
  column-count: 3;
  column-gap: 40px;
}
</style>
y luego justo debajo
<div class="newspaper">
TEXTO
</div>


Numero de columnas: column-count: 3;
Espacio entre columnas: column-gap: 40px;

Ancho de reglas



Ingredientes



<style> 
.newspaper {
  column-count: 3;
  column-gap: 40px;
  column-rule-style: solid;
  column-rule-width: 1px;
}
</style>


}
Numero de columnas: column-count: 3;
Espacio entre columnas: column-gap: 40px;
Regla estilo  column-rule-style: solid;
Ancho estilo regla  column-rule-width: 1px;

Si además queremos cambiar el color de la línea de separacion podemos añadir este código justo debajo de los anteriores

Color estilo regla:  (azul claro) column-rule-color: lightblue;



Enlace

Publicar un comentario

0 Comentarios