Skip to content

C
css-e002
Commit 8b216d92 by roshka
Options

Segunda tarea de CSS

parents
Showing with 123 additions and 0 deletions
css2/ejercicio2.css 0 → 100644
.link a{
color: #cc0000;
text-decoration: underline;
font-size: 30px;
}
.link p{
margin-bottom: 5px;
}
p:first-child{
margin-top: 50px;
}
.link a p:hover{
background: #CC0000;
color: #fff;
width: 220px;
}
.link a:visited{
color: #ccc;
}
css2/ejercicio2.html 0 → 100644
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="ejercicio2.css">
<title>Ejercicio de Pseudo clases de enlaces</title>
</head>
<body>
<div class="link">
<a href="https://www.twitter.com"> <p>Enlace número 1</p></a> <br>
<a href="https://www.slack.com"> <p>Enlace número 2</p></a> <br>
<a href="https://www.youtube.com"> <p>Enlace número 3</p></a> <br>
<a href="https://www.nokia.com"> <p>Enlace número 4</p></a> <br>
<a href="https://www.hp.com"> <p>Enlace número 5</p></a> <br>
</div>
</body>
</html>
\ No newline at end of file
css2/ejercicio3.css 0 → 100644
.pictures div img{
margin-left: 30px;
margin-top: 30px;
border-style: groove;
border-width: 1px;
padding: 10px;
}
\ No newline at end of file
css2/ejercicio3.html 0 → 100644
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Ejercicio galeria de imagenes</title>
<link rel="stylesheet" href="ejercicio3.css">
</head>
<body>
<section class="pictures">
<div>
<img src="imagen.png" alt="">
<img src="imagen.png" alt="">
<img src="imagen.png" alt="">
</div>
<div>
<img src="imagen.png" alt="">
<img src="imagen.png" alt="">
<img src="imagen.png" alt="">
</div>
<div>
<img src="imagen.png" alt="">
<img src="imagen.png" alt="">
<img src="imagen.png" alt="">
</div>
</section>
</body>
</html>
\ No newline at end of file
css2/ejercicio4.css 0 → 100644
ul.menu {
width: 180px;
list-style: none;
margin: 0;
padding: 0;
border: 1px solid #7C7C7C;
}
ul.menu li {
border-bottom: 1px solid #7C7C7C;
border-top: 1px solid #FFF;
background: #F4F4F4;
}
ul.menu li a:hover{
background-image: url("flecha_activa.png");
background-color: #e4e4e4;
}
ul.menu li a {
background-image: url("flecha_inactiva.png");
padding: .2em 0 .2em 1.3em;
display: block;
background-repeat: no-repeat;
text-decoration: none;
color: #333;
}
css2/ejercicio4.html 0 → 100644
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Ejercicio menu vertical avanzado</title>
<link rel="stylesheet" href="ejercicio4.css">
</head>
<body cz-shortcut-listen="true">
<ul class="menu">
<li><a href="#" title="Enlace generico">Elemento 1</a></li>
<li><a href="#" title="Enlace generico">Elemento 2</a></li>
<li><a href="#" title="Enlace generico">Elemento 3</a></li>
<li><a href="#" title="Enlace generico">Elemento 4</a></li>
<li><a href="#" title="Enlace generico">Elemento 5</a></li>
<li><a href="#" title="Enlace generico">Elemento 6</a></li>
</ul>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment