<html>
<head>
<style>
p {
text-align: right;
color: blue;
}
</style>
</head>
<body>
<p>Esto es un párrafo con estilo CSS.</p>
<p>Este es un segundo párrafo también con el mismo estilo.</p>
<p>Este es el tercero y como se puede ver, se le aplica a todos.</p>
</body>
</html>
Cómo se puede ver en la imagen, el texto se alinea a la derecha y se pinta de color azul.
se crea la etiqueta <style> en el encabezado se coloca el código.
p {
propiedades para el párrafo.
}
</style>
Luego para aplicarlo a un elemento específico se utiliza su ID y se lo llama con el selector de id que es #
Ejemplo:
<html>
<head>
<style>
#parrafo1 {
text-align: center;
color: blue;
}
</style>
</head>
<body>
<p id="parrafo1">Este párrafo tiene formato</p>
<p>Este párrafo no tiene ningún formato aplicado</p>
</body>
</html>
