<p class="p1">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quia, rerum.</p>

<p class="p2">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quia, rerum.</p>

<p class="p3">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quia, rerum.</p>

<p class="p4">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quia, rerum.</p>
.p1 {
  border-style: solid;
  border-width: 2px;
  border-color: red;
}

.p2 {
  border-style: solid;
  border-width: 2px;
  border-color: rgb(168, 189, 45);
}

.p3 {
  border-style: solid;
  border-width: 2px;
  border-color: #ff0000;
}

.p4 {
  border-style: solid;
  border-width: 2px;
  border-color: hsl(69, 62%, 46%);
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.