mirror of
https://gitlab.com/tutorial-java-rafa-munoz/tutorial-java-2024-25/LMSGI-2024-25.git
synced 2025-11-09 18:03:06 +01:00
feat(ch 3): added
This commit is contained in:
85
Unidad_03_HTML/HTML/HarryPotter/css/index.css
Normal file
85
Unidad_03_HTML/HTML/HarryPotter/css/index.css
Normal file
@@ -0,0 +1,85 @@
|
||||
body {
|
||||
background: white;
|
||||
font-family: 'Lato', sans-serif;
|
||||
}
|
||||
|
||||
.anchoContenedorPrincipal {
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
.centrarDiv {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
#divPrincipal {
|
||||
background: turquoise;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
#imgBanner {
|
||||
display: inline-block;
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
#textBanner {
|
||||
display: inline-block;
|
||||
background: white;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.fila {
|
||||
text-align: center;
|
||||
background: violet;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.tarjeta {
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
display: inline-block;
|
||||
border: 1px solid #000000;
|
||||
width: 23%;
|
||||
vertical-align: top;
|
||||
height: 230px;
|
||||
}
|
||||
|
||||
|
||||
.tarjeta img {
|
||||
width: 100%;
|
||||
height: 150px;
|
||||
}
|
||||
|
||||
.tarjeta .descripcion {
|
||||
height: 75px;
|
||||
background: white;
|
||||
}
|
||||
|
||||
.tarjeta .descripcion span {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#menu {
|
||||
background: black;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#menu li{
|
||||
display: inline-block;
|
||||
color: white;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
#menu li:hover {
|
||||
background: #757575;
|
||||
}
|
||||
|
||||
#menu a {
|
||||
color: yellow;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#menu a:visited {
|
||||
color: yellow;
|
||||
text-decoration: underline;
|
||||
}
|
||||
Reference in New Issue
Block a user