<style type="text/css">
.mystyle1 {
background: yellow;
color: green;
width: 20em;
padding: 1em;
margin: 1em;
border: 3px solid black;
text-align: center;
font-weight: bold }

.mystyle2 {
background: orange;
color: blue;
width: 20em;
padding: 1em;
margin: 1em;
border: 3px solid black;
text-align: center;
font-weight: bold }

.mystyle3 {
background: blue;
color: white;
width: 20em;
padding: 1em;
margin: 1em; border: 3px solid black;
text-align: center;
font-weight: bold }
</style>
.....
<div class="mystyle1">Green Text on a Yellow Backgound</div>
<div class="mystyle2">Blue Text on a Orange Background</div>
<div class="mystyle3">White Text on a Blue Background</div>

....