Surprise Me!

Como hacer columnas con #HTML y #CSS #practicando

2026-04-13 1 Dailymotion

CSS (Cascading Style Sheets), práctica de un ejercicio sencillo para determinar columnas
→ padding (relleno), el espacio alrededor del contenido. En el ejemplo siguiente, es el espacio alrededor del texto del párrafo.
→ border (marco), la línea que se encuentra fuera del relleno.
→ margin (margen), el espacio fuera del elemento que lo separa de los demás.
→ width (ancho del elemento)
→ background-color, el color de fondo del contenido y del relleno
→ color, el color del contenido del elemento (generalmente texto)
→ text-shadow: coloca una sombra difuminada en el texto dentro del elemento
→ display: selecciona el modo de visualización para el elemento (no te preocupes de esto por ahora
➡ Códigos de colores para CSS:
https://www.mclibre.org/consultar/htmlcss/css/css-color.html
/*Para hacer los cambios desde html se escoje siempre class=" xxfs...etc, nombre de lo que vamos a cambiar" si no esta se lo pone*/
Asi en HTML : input id="nombre" class="cuadro" type="text" placeholder="Ingrese su nombre y apellido"size=75
En CSS:
.cuadro{
height: 45px; /*altura del cuadro para el texto*/
width: 1400px; /*ancho del cuadro de texto*/
background-color: #007bff; /*color de fondo*/
font-family: 'Roboto',sans-serif /*tipo de letra*/
}