black background
<div style="background-color: black;">type here</div>

gray background
<div style="background-color: gray;">type here</div>

pink background
<div style="background-color: pink;”>type here</div>

orange background
<div style="background-color: orange;">type here</div>

yellow background
<div style="background-color: yellow;">type here</div>

light green background
<div class="controlsStyle" id="textDivBG" style="padding: 10px; background-color: lightgreen; color: rgb(255, 255, 255); text-align: center; position: relative;"><span style="color: rgb(255, 255, 255);"><span style="font-size: x-small;"><span style="font-family: Arial;"><br />
</span></span></span></div>

light blue background
<div class="controlsStyle" id="textDivBG" style="padding: 10px; background-color: rgb(166, 225, 254); text-align: center; position: relative;"><span style="color: rgb(255, 255, 255);">

purple background
<div style="background-color: purple;">type here</div>

dashed border
div style="border: 2px dotted white; width: 582px; height: 200px;">

black dotted border
<div style="border-right: black 10px dotted; border-top: black 10px dotted; border-left: black 10px dotted; border-bottom: black 10px dotted; text-align: center">

make the spacing of the lines closer:
<div style="line-height: 10px;"> 

make text all squished together:
<div style="letter-spacing: -3px"> 

Sorry you have to see this again, I need it on my profile :]