CSS - style (interno)
Ejercicio 23:
Crear una página en html, agregar minimamente:
1. Un nombre a la página
2. CSS de forma interna:
a. Un color para el fondo de mi página web
b. Otro color para la letra de mis títlos principales
c. Para mis subtítulos distintos colores de fondo y centrarlos
d. Para mis párrafos un color de borde y un espacio de 40px
3. Redactar una página con 2 títulos, 3 subtítulos y 4 párrafos
index.html
<!DOCTYPE html>
<html>
<head>
<title>CSS - interno</title>
<style>
body{
background-color: papayawhip;
}
h1{
color: darkolivegreen;
}
h2{
background-color: lightgrey;
text-align: center;
}
h3{
background-color: lightgreen;
text-align: center;
}
h4{
background-color: darkgrey;
text-align: center;
}
h5{
background-color: lightblue;
text-align: center;
}
h6{
background-color: lightskyblue;
text-align: center;
}
p{
border: 2px solid darkslategrey;
padding: 40px;
}
</style>
</head>
<body>
<main>
<h1>
CSS interno
</h1>
<h2>
Subtítuo 2
</h2>
<p>
Párrafo 1
</p>
<h1>
Título
</h1>
<p>
Párrafo 2
</p>
<h2>
Subtítulo 2
</h2>
<p>
Párrafo 3
</p>
<h3>
Subtítulo 3
</h3>
<p>
Párrafo 4
</p>
</main>
</body>
</html>
Comentarios
Publicar un comentario