<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%);
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.