<div class="solid box">&nbsp;</div>
<div class="dotted box">&nbsp;</div>
<div class="dashed box">&nbsp;</div>
.box {
  width: 100px;
  height: 100px;
  float: left;
  margin-right: 10px
}
.solid {
  border: 1px solid #333;
}
.dotted {
  border: 1px dotted #333;
}
.dashed {
  border: 1px dashed #333;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.