Estilos HTML

El style atributo HTML se usa para agregar estilos a un elemento, como color, fuente, tamaño y más.

El atributo de estilo HTML

La configuración del estilo de un elemento HTML se puede hacer con el styleatributo.

El style atributo HTML tiene la siguiente sintaxis:

<tagname style="property:value;">

La propiedad es una propiedad CSS. El valor es un valor CSS.

Color de fondo

La background-color propiedad CSS define el color de fondo de un elemento HTML.

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

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

</body>
<body>

<h1 style="background-color:powderblue;">This is a heading</h1>
<p style="background-color:tomato;">This is a paragraph.</p>

</body>

Color de texto

La colorpropiedad CSS define el color del texto de un elemento HTML:

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

Fuentes

La font-family propiedad CSS define la fuente que se utilizará para un elemento HTML:

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

Tamano del texto

La font-sizepropiedad CSS define el tamaño del texto de un elemento HTML:

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

Conceptos Relacionados