Bordas em Div Arredondada

[Bruno Conte 4]

boa tarde.

estou fazendo uma div onde as bordas estao arrendondadas.

width:900px;
height:30px;
background-color:#0098DA;
border-radius: 10px;

so que eu gostaria que apenas as bordas da parte superior da div fiquem arrendondadas

 

desse jeito os 4 cantos fica arrendondado.

 

tem como fazer para apenas os de cima fiquem redondos?

[Buchechafs 6]

width:900px;
height:30px;
background-color:#0098DA;
border-radius: 10px 10px 0px 0px ;
-webkit-border-radius: 10px 10px 0px 0px ;
-moz-border-radius: 10px 10px 0px 0px ;
-ms-border-radius: 10px 10px 0px 0px ;
-o-border-radius: 10px 10px 0px 0px ;

Espero ter ajudado.

 

Se resolver favor avise. Se quiser tbm aceito um "Ponto de reputação"

[Web_avallon 5]

A forma do Buchechafs resolve, porém tem uma forma que poupa códigos:

 

border-top-left-radius: 10px;
border-top-right-radius:10px;

Perceba que o código diz: borda topo esquerda, ou seja, arredondar apenas a parte esquerda do topo. O mesmo vale para a direita.

 

Caso queira o contrário, que seja em baixo, basta substituir o "top" por "bottom";

 

border-bottom-left-radius: 10px;
border-bottom-right-radius:10px;