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

Try this:

.box {
  outline: 2px solid #ffffd;
  margin-top: -2px;
  border-top: 10px solid #3F9BD0;
  min-width:100px;
  min-height:100px;
  float:left;
}