On my site at the top, I have got links for Home, Login/Register and a few others that appear when logged in.

I want each link to have its own background color but with rounded corners instead of square. I know this can be done with css and/or javascript but can't seem to implement it. How can I do this?