El atributo HTML se utiliza para agregar estilos a un elemento, como color, fuente, tamaño y más.style
Ejemplo
Soy Rojo
Soy Azul
Soy grande
El atributo de estilo HTML
Establecer el estilo de un elemento HTML, se puede hacer con el atributo.style
El atributo HTML tiene la sintaxis siguiente:style
<tagname style="property:value;">
Color de fondo
La propiedad CSS define el color de fondo de un elemento HTML.background-color
Ejemplo
Establezca el color de fondo de una página en powderblue:
<body style="background-color:powderblue;">
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
Ejemplo
Establezca el color de fondo para dos elementos diferentes:
<body>
<h1 style="background-color:powderblue;">This is a heading</h1>
<p style="background-color:tomato;">This is a paragraph.</p>
</body>
Color del texto
La propiedad CSS define el color del texto para un elemento HTML:color
Ejemplo
<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>
Fuentes
La propiedad CSS define la fuente que se utilizará para un elemento HTML:font-family
Ejemplo
<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 define el tamaño de texto de un elemento HTML:font-size
Ejemplo
<h1 style="font-size:300%;">This is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p>
Alineación de texto
La propiedad CSS define la alineación horizontal del texto para un elemento HTML:text-align
Ejemplo
<h1 style="text-align:center;">Centered Heading</h1>
<p style="text-align:center;">Centered paragraph.</p>
Resumen del capítulo
- Usar el atributo para aplicar estilos a los elementos HTML
style
- Uso para el color de fondo
background-color
- Uso para colores de texto
color
- Uso para fuentes de texto
font-family
- Uso para tamaños de texto
font-size
- Uso para la alineación de texto
text-align
No hay comentarios:
Publicar un comentario