estoy diseñando un pequeño formulario que consta de 3 cuerpos que son "DIV" y tengo esto. Como se puede apreciar en la imagen, al colocar los border radius con CSS, los espacios cogen el color del "BODY".
Me gustaria que coja el color de los "DIV" de abajo y que quede algo así.
Gracias de antemano.
y por si fuese necesario colocar mis css.
//SU CONTENEDOR
.divlogin{
margin-left : auto;
margin-right : auto;
padding : 0px;
margin-top: 5px;
width: 300px;
/*height: 500px;*/
border-radius: 10px;
}
//DIV AZUL
.loginheader{
background: #00A1EA;
height: 130px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
//DIV BLANCO
.logincuerpo{
overflow-y: auto;
background: #FFFFFF;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
height: 180px;
margin: 0 auto;
}
//DIV PLOMO
.loginfooter{
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
background: #B5B6AE;
height: 10px;
display: block;
}
Mi HTML:
<div class="divlogin" id="divlogin">
<div class="loginheader">
<img src="img/soporteberamar.png" alt="error" class="login_logosoporte">
</div>
<div class="logincuerpo">
</div>
<div class="loginfooter">
</div>
</div>