<p class="one">Hello World!</p>
<p class="two">Hello World!</p>
<p class="three">Hello World!</p>
<p class="four">Hello World!</p>p.one {
outline-style: solid;
outline-color: red;
border: 2px solid black;
}
p.two {
outline-style: solid;
outline-color: #fff000;
border: 2px solid black;
}
p.three {
outline-style: solid;
outline-color: rgb(4, 0, 255);
border: 2px solid black;
}
p.four {
outline-style: solid;
outline-color: hsl(0, 50%, 70%);
border: 2px solid black;
}
p.five {
outline-style: solid;
outline-color: invert;
border: 2px solid red;
}
External CSS
This Pen doesn't use any external CSS resources.
External JavaScript
This Pen doesn't use any external JavaScript resources.