I can handle doing a border on a div where it's just a rectangular border encompassing the div but is the type of combo border possible as in this picture?
Its like a rectangular border around a div and then combined with a horizontal rule that splits the rectangular div horizontally but the horizontal rule is not visible inside the div but only outside it.
I don't know if this type of border has a name or if it is possible via CSS.
Yes it's possible with css.
Yes it's possible with css. Its just a case of experimenting with some padding, borders and background colours.