Boa noite pessoal
É o seguinte, eu tenho este pedaço de código...
.geral {
width: 900px;
margin-right: auto;
-moz-border-radius-top-left: 0px;
-moz-border-radius-top-right: 0px;
-moz-border-radius-bottom-left: 20px;
-moz-border-radius-top-right: 20px;
border-radius-top-left: 0px;
border-radius-top-right: 0px;
border-radius-bottom-left: 20px;
border-radius-bottom-right: 20px;
margin-left: auto;
background-image: url(imgs/bg_content.png);
height: 900px;
}
[/b]
Que supostamente deveria criar-me uma caixa, apenas com os cantos inferiores arredondados... O problema é que não funciona, e quando o ponho assim:
.geral {
width: 900px;
margin-right: auto;
-moz-border-radius: 20px;
border-radius: 20px;
margin-left: auto;
background-image: url(imgs/bg_content.png);
height: 900px;
}
[/b]
Ele põe os 4 cantos arredondados, quando aquilo que pretendo é apenas os cantos inferiores...
Talvez eu esteja a complicar a situação desnecessariamente, mas se pudessem ajudar, ficaria bastante agradecido
Cordeais Cumprimentos.
--
Filipe Macau