Estilos en HTML
En **HTML**, el atributo **`style`** se usa para agregar estilos a los elementos.
Podemos cambiar el color, tamaño de letra, fuente, etc. directamente en la etiqueta.
Ejemplo
Soy de color rojo
Soy de color azul
Soy muy grande
Código del ejemplo
<p>Soy un párrafo normal</p>
<p style="color:red;">Soy de color rojo</p>
<p style="color:blue;">Soy de color azul</p>
<p style="font-size:34px;">Soy grande</p>
El atributo **`style`**
La configuración de un elemento se puede hacer con el atributo **`style`**.
Su sintaxis es la siguiente:
Sintaxis
<tagname style="property:value;">
La propiedad es una **propiedad CSS**. El valor es un **valor CSS**.
Color de fondo
La propiedad de CSS **`background-color`** define el color de fondo de un elemento HTML.
Ejemplo
Yo soy un párrafo con fondo azul claro
Código del ejemplo
<div style="background-color:powderblue;">
<p>Yo soy un párrafo con fondo azul claro</p>
</div>
Color del texto
La propiedad de CSS **`color`** define el color del texto de un elemento HTML.
Ejemplo
Yo soy un párrafo con texto azul
Código del ejemplo
<p style="color:blue;">Yo soy un párrafo con texto azul</p>
Fuentes en HTML
La propiedad de CSS **`font-family`** define la fuente del texto de un elemento HTML.
Ejemplo
Este texto usa Times New Roman.
Este texto usa Arial.
Código del ejemplo
<p style="font-family: 'Times New Roman', Times, serif;">Este texto usa Times New Roman.</p>
<p style="font-family: Arial, sans-serif;">Este texto usa Arial.</p>
Tamaño de la letra
La propiedad de CSS **`font-size`** define el tamaño del texto de un elemento HTML.
Ejemplo
Yo soy un párrafo con texto grande
Código del ejemplo
<p style="font-size:30px;">Yo soy un párrafo con texto grande</p>
Alineación del texto
La propiedad de CSS **`text-align`** define la alineación del texto dentro de un elemento HTML.
Ejemplo
Yo soy un párrafo centrado
Código del ejemplo
<p style="text-align:center;">Yo soy un párrafo centrado</p>
Resumen
Hemos aprendido sobre cómo usar el atributo **`style`** para aplicar estilos a los elementos HTML. En esta entrada vimos:
- El atributo **`style`** para aplicar estilos en línea.
- Propiedades de fondo y texto.
- Configuraciones de tamaño de texto y alineación.
Estas propiedades nos permiten personalizar la apariencia de nuestros elementos HTML de manera efectiva.
0 Comentarios
Si desea contactar comigo, lo puede hacer atravez deste formulario gracias