There are a lot of posts about making rounded corners with CSS3. But, I haven't found a good, compact one about how to do it only with one corner and as cross-browser friendly as possible.
So, this little post is to remind myself (and others) how to do it. The code is not so short considering what I would like to achieve...there quite a few rows for this task...but, let's talk code:
I have also added a little macro to my Netbeans install like this:
rclt: (rounded corners left top)
rcrt: (rounded corners right top)
And so on...