Box side sample

The first four div boxes have a border on only one side. The fifth div box has a different border on each side.

<div style="height: 50px; width: 150px; background-color: #fef886; border-top: 8px solid green;">
  This is div 1.
</div>
<div style="height: 50px; width: 150px; background-color: #6ec6f1; border-right: 8px dashed blue;">
  This is div 2.
</div>
<div style="height: 50px; width: 150px; background-color: #f0888a; border-bottom: 8px dotted red;">
  This is div 3.
</div>
<div style="height: 50px; width: 150px; background-color: #bc7aac; border-left: 8px double yellow;">
  This is div 4.
</div>
<div style="height: 50px; width: 150px; background-color: #bbdb88; border-style: solid dashed dotted double;">
  This is div 5.
</div>