From 8b216d929044eb3c6da625b0c09177ff587bb35f Mon Sep 17 00:00:00 2001 From: roshka Date: Mon, 22 Oct 2018 17:17:44 -0300 Subject: [PATCH] Segunda tarea de CSS --- css2/ejercicio2.css | 20 ++++++++++++++++++++ css2/ejercicio2.html | 17 +++++++++++++++++ css2/ejercicio3.css | 7 +++++++ css2/ejercicio3.html | 27 +++++++++++++++++++++++++++ css2/ejercicio4.css | 25 +++++++++++++++++++++++++ css2/ejercicio4.html | 23 +++++++++++++++++++++++ css2/flecha_activa.png | Bin 0 -> 547 bytes css2/flecha_inactiva.png | Bin 0 -> 440 bytes css2/imagen.png | Bin 0 -> 1024 bytes 9 files changed, 119 insertions(+) create mode 100644 css2/ejercicio2.css create mode 100644 css2/ejercicio2.html create mode 100644 css2/ejercicio3.css create mode 100644 css2/ejercicio3.html create mode 100644 css2/ejercicio4.css create mode 100644 css2/ejercicio4.html create mode 100644 css2/flecha_activa.png create mode 100644 css2/flecha_inactiva.png create mode 100644 css2/imagen.png diff --git a/css2/ejercicio2.css b/css2/ejercicio2.css new file mode 100644 index 0000000..f1310c3 --- /dev/null +++ b/css2/ejercicio2.css @@ -0,0 +1,20 @@ +.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; +} + diff --git a/css2/ejercicio2.html b/css2/ejercicio2.html new file mode 100644 index 0000000..e4ee947 --- /dev/null +++ b/css2/ejercicio2.html @@ -0,0 +1,17 @@ + + + + + + Ejercicio de Pseudo clases de enlaces + + +
+

Enlace número 1
+

Enlace número 2
+

Enlace número 3
+

Enlace número 4
+

Enlace número 5
+
+ + \ No newline at end of file diff --git a/css2/ejercicio3.css b/css2/ejercicio3.css new file mode 100644 index 0000000..7d18119 --- /dev/null +++ b/css2/ejercicio3.css @@ -0,0 +1,7 @@ +.pictures div img{ + margin-left: 30px; + margin-top: 30px; + border-style: groove; + border-width: 1px; + padding: 10px; +} \ No newline at end of file diff --git a/css2/ejercicio3.html b/css2/ejercicio3.html new file mode 100644 index 0000000..8da780c --- /dev/null +++ b/css2/ejercicio3.html @@ -0,0 +1,27 @@ + + + + + Ejercicio galeria de imagenes + + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + \ No newline at end of file diff --git a/css2/ejercicio4.css b/css2/ejercicio4.css new file mode 100644 index 0000000..c29e67d --- /dev/null +++ b/css2/ejercicio4.css @@ -0,0 +1,25 @@ +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; +} + diff --git a/css2/ejercicio4.html b/css2/ejercicio4.html new file mode 100644 index 0000000..60b7f9a --- /dev/null +++ b/css2/ejercicio4.html @@ -0,0 +1,23 @@ + + + + + + Ejercicio menu vertical avanzado + + + + + + + + + \ No newline at end of file diff --git a/css2/flecha_activa.png b/css2/flecha_activa.png new file mode 100644 index 0000000..10ed731 Binary files /dev/null and b/css2/flecha_activa.png differ diff --git a/css2/flecha_inactiva.png b/css2/flecha_inactiva.png new file mode 100644 index 0000000..963dda0 Binary files /dev/null and b/css2/flecha_inactiva.png differ diff --git a/css2/imagen.png b/css2/imagen.png new file mode 100644 index 0000000..280ed6e Binary files /dev/null and b/css2/imagen.png differ -- libgit2 0.26.0