Estilos HTML

El atributo HTML style es utilizado para añadir estilos a un elemento, como el color, el tamaño, fuente…

La configuración del estilo de un elemento HTML se puede hacer con el atributo style, el cual tiene la siguiente sintaxis.

<tagname style="property:value;">

donde la propiedad es una propiedad CSS, y el valor es un valor CSS.

Color de fondo

La propiedad CSS background-color define el color de fondo de un elemento HTML. El siguiente ejm muestra un color de fondo powderblue.

Ejm

<body style="background-color:powderblue;">

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>

Color de texto

La propiedad CSS color define el color del texto del elemento HTML.

Ejm

<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>

Fuentes

La propiedad CSS font-family determina la fuente usada para el elemento HTML a que hace referencia.

Ejm

<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>

Tamaño del texto

La propiedad CSS font-size define el tamaño del texto para el elemento HTML a que apunta.

Ejm

<h1 style="font-size:300%;">This is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p>

Alineamiento del texto

La propiedad CSS text-align determina el alineamiento horizontal que va a poseer el elemento HTML a que es invocado.

Ejm

<h1 style="text-align:center;">Encabezado centrado</h1>
<p style="text-align:center;">Párrafo centrado.</p>

Sumario

  • Usamos el atributo style para dar estilo a elementos HTML.
  • Usamos background-color para el color de fondo de un elemento HTML.
  • Usamos color para el color de los textos.
  • Usamos font-family para elegir que fuente llevará el elemento seleccionado.
  • Usamos font-size para determinar el tamaño de la fuente HTML.
  • Usamos text-align para determinar el alineamiento horizontal del elemento HTML.