Hojas de estilo en cascada (CSS) II semana 5
Enviado por franyellin • 10 de Mayo de 2021 • Tarea • 271 Palabras (2 Páginas) • 99 Visitas
Título de la tarea
Hojas de estilo en cascada (CSS) II
Nombre Alumno
Francelis Rodriguez
Nombre Asignatura
PROGRAMACIÓN WEB I
Instituto IACC
Ponga la fecha aquí
03/04/21
Desarrollo
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=ISO-8859-1″ />
<title>Libro de ejercicios</title>
<style type="text/css">
div#paginacion {
border: 1px solid #CCC;
background-color: #E0E0E0;
padding: .5em;
}
.derecha {
float: right;
}
.izquierda {
float: left;
}
div.clear {
clear: both;
}
</style>
</head>
<body bgcolor="black" >
<div id="paginacion">
<span class="izquierda">« Capítulo 1</span> <span class="derecha">Capítulo 3 »</span>
<div class="clear"></div>
</div>
<br>
</br>
<h2>Capítulo dos</h2>
<style type="text/css">
h2 { color: #0000ff; }
p { color: #00ff00; }
</style>
<p>Este es el contenido del capítulo 2 de este interesante libro</p>
<p >Verás que es tan interesante como el primero</p>
</body>
</html>
[pic 1]
Para la creación del rectángulo principal donde se encuentran capítulo 1 a la izquierda y capitulo 3 a la derecha utilice un código paginador personalizado utilizando funciones de anterior y siguiente donde anterior hace referencia al capítulo 1 y siguiente al capítulo 3, en conjunto con la propiedad borde que define CSS con un borde de 1px de color gris claro y una medida de 0.5 em.
Para el color AZUL del capítulo dos le coloque #0000ff que es su equivalente en hexadecimal y le cambie la etiqueta P por H2 para aumentarla un poco de tamaño.
...