Este escrito le indicará:
- ¿Cómo cambiar el espacio entre párrafos en CSS?
- ¿Cómo cambiar el espaciado dentro de los párrafos en CSS?
Requisito previo: crear un archivo HTML
La página HTML se puede crear siguiendo las instrucciones:
- Añadir dos ' ” elementos en el archivo HTML.
- Asignar identificadores como ' Párrafo 1 ' y ' para2 ”, respectivamente.
- Especifique el contenido del párrafo dentro de estos como se indica a continuación:
< pag clase = 'para1' >
Las personas exitosas simplemente se esfuerzan mucho y tienen éxito en la meta; no tienen talento natural.
Las personas exitosas simplemente se esfuerzan mucho y tienen éxito en la meta; no tienen talento natural. < / pag >
< pag clase = 'para2' >
Las personas exitosas simplemente se esfuerzan mucho y tienen éxito en la meta; no tienen talento natural.
Las personas exitosas simplemente se esfuerzan mucho y tienen éxito en la meta; no tienen talento natural. < / pag >
< / división >
Producción
¿Cómo cambiar el espacio entre párrafos en CSS?
Él ' margen La propiedad ” puede agregar espacios entre los párrafos. Además, utilizando el “ margen inferior La propiedad sería una buena opción en este caso.
Agreguemos una propiedad de borde para mostrar el espacio del margen prominente.
Estilo “para1” Clase
.para1 {frontera : 1px sólido gris ;
margen inferior : 70px ;
}
Él ' .para1 ” se utiliza para acceder al elemento
con el id “ Párrafo 1 ” y aplicar las siguientes propiedades:
- “ frontera La propiedad ” se aplica con el valor de ancho de borde, estilo y color establece el borde alrededor del párrafo.
- “ margen inferior ” agrega espacio en la parte inferior del párrafo.
Clase de estilo “para2”
.para2 {frontera : 1px sólido gris ;
}
Él ' ” elemento que tiene el id “ para2 ” también se aplica con el borde usando el CSS “ frontera ' propiedad.
Se puede observar que los espacios se han agregado con éxito entre los párrafos:
¿Cómo cambiar el espaciado dentro de los párrafos en CSS?
El CSS” altura de la línea La propiedad ” se utiliza para agregar espacios entre las líneas del párrafo.
Para hacerlo, agregue la propiedad line-height al ' 'elemento que tiene id' Párrafo 1 ”:
altura de línea: 2;Producción
Eso fue todo acerca de cambiar los espacios entre los párrafos.
Conclusión
Para cambiar los espacios entre los párrafos, primero agregue párrafos en el archivo HTML usando el botón ' ' elemento. Entonces, el CSS “ margen inferior La propiedad ” se utiliza para agregar espacio entre los párrafos. El CSS” altura de la línea La propiedad ” agrega espacios dentro de los párrafos. Esta publicación ha detallado el procedimiento para cambiar el espacio entre párrafos y el interior de los párrafos.