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

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

.mystyle3 {
border-color: red;
width: 20em;
padding: 1em;
margin: 1em;
border-width: 3px;
border-style: solid;
text-align: center;
font-weight: bold }
</style>
.....
<div class="mystyle1">Green border around this text</div>
<div class="mystyle2">Blue border around this text</div>
<div class="mystyle3">Red border around this text</div>

....