jsfiddle example here.
In this example, I just want to overlap “JOIN US” link border and login box border so that when the user clicks the “JOIN US” link, the login box appear and it’ll look like in one box.
I set:
border-bottom : white
in “JOIN US” link but it didn’t overlap and display as I want. one things, I can’t delete “z-index” because there are necessary to me.
For a rounded edge, theres a CSS property cal
border-radius. Just useelement_id/class/name:hover { border-radius: 10px; }and you’ll be done. I recommend you have a look at the new CSS3 tags and features.