Как сделать обводку в 1 px у блоков?

* { 
  margin: 0; 
  padding: 0; 
  box-sizing: border-box; 
} 
 
.panel1 { 
  width: 90%; 
  margin: auto; 
  display: table; 
  border-collapse: collapse; 
} 
 
.panel1 .row { 
  display: table-row; 
  width: 100%; 
  height: auto; 
} 
 
.panel1 .row .item { 
  display: table-cell; 
  border: 1px solid red; 
  width: 25%; 
  height: 200px; 
}

<div class="panel1"> 
  <div class="row"> 
    <div class="item"></div> 
    <div class="item"></div> 
    <div class="item"></div> 
    <div class="item"></div> 
  </div> 
  <div class="row"> 
    <div class="item"></div> 
    <div class="item"></div> 
    <div class="item"></div> 
    <div class="item"></div> 
  </div> 
  <div class="row"> 
    <div class="item"></div> 
    <div class="item"></div> 
  </div> 
</div>

div { 
    height: 50px; 
    width:50px; 
    border: 1px solid black; 
    margin-right:-1px; margin-bottom:-1px; 
}

<div>1</div> 
<div>2</div> 
<div>3</div>