How do I make corners rounded only on the top part of the border in css?

Question

In my site I need to make a div have rounded corners only on the top corners. But I don't know how to do this. Can someone help me?

Accepted Answer

Brendan's answer is correct, but to get it to render in more browsers, you should use this:

```
-moz-border-radius: 0px;
-webkit-border-radius: 3px 3px 0px 0px;
border-radius: 3px 3px 0px 0px; 
```

Solution