Just create a CSS file and define three styles for your comments.
.styleOne{
background:cyan;
color:black;
font-family:arial;
font-size: 10px;
}
.styleTwo{
background:yellow;
color:black;
font-family:<--------2nd font family----------------;
font-size: 10px;
font-width:bold;
}
.styleThree{
background:#999999;
color:black;
font-family:arial;
font-size: 10px;
}
now u can use these classes with any tag. for example:
<div class="styleOne">
<p> The quick brown fox jumps over the lazy dog. </p>
</div>
or
<p class="styleTwo"> The quick brown fox jumps over the lazy dog. </p>
.styleOne{
background:cyan;
color:black;
font-family:arial;
font-size: 10px;
}
.styleTwo{
background:yellow;
color:black;
font-family:<--------2nd font family----------------;
font-size: 10px;
font-width:bold;
}
.styleThree{
background:#999999;
color:black;
font-family:arial;
font-size: 10px;
}
now u can use these classes with any tag. for example:
<div class="styleOne">
<p> The quick brown fox jumps over the lazy dog. </p>
</div>
or
<p class="styleTwo"> The quick brown fox jumps over the lazy dog. </p>