How to create a border that fully covers the adjacent corners in CSS?

Question

I have a div with a 1px border and I\'m trying to create a 3px border in another color to that div. I\'m using this code:

box {
  border: 1px solid #ffffd;
  b         


        

Answer 1

The question is a bit old but I thought I'd make a suggestion that worked for me in a similar situation.

I just set border-width: 0; and that took away the mitered ends and made them nice and square for a button that I had a bottom-border applied.