CSS BORDERS

This text has a border style of 'solid'.

This text has a border style of 'dotted'.

This text has a border style of 'dashed'.

This text has a border style of 'double'.

This text has a border style of 'groove'.

This text has a border style of 'ridge'.

This text has a border style of 'inset'.

This text has a border style of 'outset'.

This text has a border style of 'hidden'.

<p style="border:4px solid blue;">This text has a border style of 'solid'.</p> <p style="border:4px dotted blue;">This text has a border style of 'dotted'.</p> <p style="border:4px dashed blue;">This text has a border style of 'dashed'.</p> <p style="border:4px double blue;">This text has a border style of 'double'.</p> <p style="border:4px groove blue;">This text has a border style of 'groove'.</p> <p style="border:4px ridge blue;">This text has a border style of 'ridge'.</p> <p style="border:4px inset blue;">This text has a border style of 'inset'.</p> <p style="border:4px outset blue;">This text has a border style of 'outset'.</p> <p style="border:4px hidden blue;">This text has a border style of 'hidden'.</p>

---

CSS BACKGROUND CODES

This text has a background color applied.

<p style="background-color:yellow;">This text has a background color applied.</p>