Separación entre caracteres: letter-spacing.
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo de letter-spacing</title>
<style>
/* Estilo para el párrafo con letter-spacing */
.texto-con-espaciado {
letter-spacing: 4px; /* Ajusta el valor según tus preferencias */
}
/* Estilo adicional para resaltar el texto original */
.texto-original {
color: red;
}
</style>
</head>
<body>
<p class="texto-original">Este es un ejemplo de texto con letter-spacing.</p>
<p class="texto-con-espaciado">Este es un ejemplo de texto con letter-spacing.</p>
</body>
</html>
<html>
<head>
<title>Ejemplo de letter-spacing</title>
<style>
/* Estilo para el párrafo con letter-spacing */
.texto-con-espaciado {
letter-spacing: 4px; /* Ajusta el valor según tus preferencias */
}
/* Estilo adicional para resaltar el texto original */
.texto-original {
color: red;
}
</style>
</head>
<body>
<p class="texto-original">Este es un ejemplo de texto con letter-spacing.</p>
<p class="texto-con-espaciado">Este es un ejemplo de texto con letter-spacing.</p>
</body>
</html>
El ejemplo 23, muestra la página.
Para aprender sobre el color de un elemento, haz clic aquí.
Volver a Catálogo de estilos.
Comentarios
Publicar un comentario