.gradient {

  /* can be treated like a fallback */
  background-color: red;

  /* will be "on top", if browser supports it */
  background-image: linear-gradient(red, orange);

  /* these will reset other properties, like background-position, but it does know what you mean */
  background: red;
  background: linear-gradient(red, orange);

}
 a.font-1a {font-size: 18pt; font-family: Verdana; font-weight: normal; text-align: center; color: #D0BC91;}
 a.font-1b {font-size: 18pt; font-family: Verdana; font-weight: normal; text-align: center; color: #600000;}
 a.font-1c {font-size: 11pt; font-family: Verdana; font-weight: normal; font-style: italic; color: #AAFFAA;}
 a.font-1d {font-size:  9pt; font-family: Verdana; font-weight: normal; text-align: center; text-decoration: none; color: #D0BC91;}
 a.font-1e {font-size: 12pt; font-family: Verdana; font-weight: normal; font-style: italic; text-align: left;   color: #cccc77;}
 a.font-1f {font-size: 10pt; font-family: Verdana; font-weight: normal; font-style: italic; text-align: left;   color: #88dd00;}
 a.font-1g {font-size: 12pt; font-family: Verdana; font-weight: normal; font-style: normal; text-align: left;   color: #22ff00;}
 a.font-1h {font-size:  9pt; font-family: Verdana; font-weight: normal; font-style: italic; color: #AAFFAA;}
 a.font-2a {font-size: 14pt; font-family: Verdana; font-weight: bold;   font-style: italic; text-align: center; color: #AAFFAA;}
 a.font-2b {font-size: 14pt; font-family: Verdana; font-weight: normal; text-align: center; color: #77bb55;}
 a.font-2c {font-size: 14pt; font-family: Verdana; font-weight: normal; text-align: center; color: #227700;}
 a.font-2d {font-size:  9pt; font-family: Verdana; font-weight: normal; text-align: center; text-decoration: none; color: #AAFFAA;}
 a.font-3a {font-size: 12pt; font-family: Verdana; font-weight: normal; text-align: center; text-decoration: none; color: #bbffbb;}
 a.font-3b {font-size: 10pt; font-family: Verdana; font-weight: normal; font-style: italic; text-align: center; color: #00ffbb;}
 a.font-3c {font-size: 10pt; font-family: Verdana; font-weight: normal; font-style: italic; text-align: left;   color: #00ffbb;}
 a.font-3d {font-size: 12pt; font-family: Verdana; font-weight: normal; font-style: italic; text-align: left;   color: #88dd00;}
 a.font-3e {font-size: 16pt; font-family: Verdana; font-weight: normal; font-style: italic; text-align: left;   color: #FFD700;}
 a.font-3f {font-size: 12pt; font-family: Verdana; font-weight: normal; text-align: center; color: #bbffbb;}
 a.font-3e {font-size: 16pt; font-family: Verdana; font-weight: normal; font-style: italic; text-align: left;   color: #FFD700;}
 a.font-3g {font-size: 16pt; font-family: Verdana; font-weight: normal; font-style: italic; text-align: left;   color: #2F4F4F;}
 a.font-4a {font-size: 12pt; font-family: Verdana; font-weight: normal; text-align: center; text-decoration: none; color: #D0BC91;}
 a.font-5a {font-size:  8pt; font-family: Verdana; font-weight: normal; font-style: italic; text-align: center; color: #999999;}
 a.font-5b {font-size:  2pt; font-family: Verdana; font-weight: normal; font-style: italic; text-align: center; color: #999999;}
 a.font-6a {font-size: 12pt; font-family: Verdana; font-weight: normal; text-align: center; color: #D0BC91;}
 a.font-6b {font-size: 12pt; font-family: Verdana; font-weight: normal; text-align: center; color: #227777;}
 a.font-6c {font-size: 14pt; font-family: Verdana; font-weight: normal; text-align: center; color: #227700;}
 a.font-6d {font-size: 12pt; font-family: Verdana; font-weight: normal; text-align: center; color: #666666;}
 a.font-6e {font-size: 12pt; font-family: Verdana; font-weight: normal; text-align: center; color: #dddddd;} 
 a.font-7a {font-size: 14pt; font-family: Verdana; font-weight: normal; font-style: italic; text-align: center; color: #708090;}
 a.font-8a {font-size: 12pt; font-family: Verdana; font-weight: normal; text-align: center; text-decoration: none; color: #D0BC91;}
 a.font-8b {font-size: 12pt; font-family: Verdana; font-weight: normal; font-style: italic; text-align: center; color: #D0BC91;}
 a.font-8c {font-size: 12pt; font-family: Verdana; font-weight: normal; font-style: normal; text-decoration: none; color: #AAFFAA;}
 a.font-9a {font-size: 26pt; font-family: Verdana; font-weight: normal; text-align: center; color: #000080;}
 a.font-9b {font-size: 18pt; font-family: Verdana; font-weight: normal; text-align: center; color: #600000;}
 a.font-9c {font-size: 11pt; font-family: Verdana; font-weight: normal; font-style: italic; color: #AAFFAA;}
 a.font-9d {font-size: 12pt; font-family: Verdana; font-weight: normal; text-align: center; color: #000080;}


 img {border: 1px solid #868686;}

/* <img src="obrazek.jpg" alt="opis dla tych, którzy obrazka nie zobaczą" style="border: 1px solid red" /> */  
/*

img {
 border-color: #dc143c #ff6347 #6b8e23;
 border-width: 1px 1ex 1em medium;
 border-style: dotted double dashed solid;
}

img {
 border: 1px solid #909090;
}

img {
 border-color: crimson;
 border-style: solid;
 border-width: 1px;
}

img {
 border-color: crimson;
 border-style: dotted;
 border-width: 4px;
}

linia przerywana

img {
 border-color: crimson;
 border-style: dashed;
  border-width: 4px;
 }

linia jednolita

img {
 border-color: crimson;
 border-style: solid;
  border-width: 4px;
 }

linia podwójna

img {
 border-color: green;
 border-style: double;
  border-width: 4px;
 }

ramka wyglądająca na zagłębioną

img {
 border-color: crimson;
 border-style: groove;
  border-width: 4px;
 }

ramka wyglądająca na wypukłą

img {
 border-color: crimson;
 border-style: ridge;
  border-width: 4px;
 }

ramka i element wyglądające na zagłębione

img {
 border-color: crimson;
 border-style: inset;
  border-width: 4px;
 }

ramka i element wyglądające na wypukłe

img {
 border-color: crimson;
 border-style: outset;
  border-width: 4px;

Żródło: http://szablonykatemac.blox.pl/2011/11/Ramka-jako-dodatek-do-tla-czesc-2.html

*/