From 33ebd9b352a8d56fb2715dc6045406bf9a068b53 Mon Sep 17 00:00:00 2001 From: roshka Date: Tue, 20 Feb 2018 09:55:41 -0300 Subject: [PATCH] Tablero con css --- estilo.css | 45 +++++++++++++++++++++++++++++++++++++++++++++ tablero2.html | 100 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 145 insertions(+) create mode 100644 estilo.css create mode 100644 tablero2.html diff --git a/estilo.css b/estilo.css new file mode 100644 index 0000000..e4b2711 --- /dev/null +++ b/estilo.css @@ -0,0 +1,45 @@ +body{ + background: #008b8b; + color: #eee; + font-family: sans-serif; + text-align: center; +} + +#tablero{ + background: url(http://i0.kym-cdn.com/photos/images/original/001/303/313/2e6.jpg); + box-shadow: 0 10px 10px -6px rgba(0, 0, 0,); + border-radius: 3px; + border-collapse: collapse; + width: 400px; + height: 400px; + margin: auto; +} + +#tablero td{ + color: #222; + font-size: 36px; + text-shadow: 1px 1px 1px rgba(255, 255, 255); + width: 50px; + height: 50px; +} + +#tablero tr:nth-child(odd) td:nth-child(even), +#tablero tr:nth-child(even) td:nth-child(odd){ + background: rgb(0, 0, 0); +} + +#tablero tr:nth-child(n+7) td{ + color: #fff; + text-shadow: 1px 1px 1px rgba(0,0,0); +} + + +#tablero tr:nth-child(odd) td:nth-child(even):hover, #tablero tr:nth-child(even) td:nth-child(odd):hover{ +background: gray; + +} + +#tablero tr:nth-child(odd) td:nth-child(odd):hover, #tablero tr:nth-child(even) td:nth-child(even):hover{ +background: skyblue; + +} \ No newline at end of file diff --git a/tablero2.html b/tablero2.html new file mode 100644 index 0000000..1cd32e0 --- /dev/null +++ b/tablero2.html @@ -0,0 +1,100 @@ + + + Tablero de Ajedrez + + + + + + +

Tablero de Ajedrez

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + \ No newline at end of file -- libgit2 0.26.0