<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
      <title>Színátmenetes gombok</title>
      <meta name="author" content="" />
      <meta name="copyright" content="© 2012, NYME SEK" />
      <meta http-equiv="date" content="" />
      <meta name="revised" content="" />
      <meta name="description" content="CSS3 - Színátmenetes gombok" />
      <meta http-equiv="content-language" content="hu" />
      <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
      <style type="text/css">
         /* Ide írja a formázási paramétereket */

      </style>
   </head>
   <body>
      <div id="demo">
         <h2>Világos szöveg</h2>
         <ul class="menucsop">
            <li><a href="#" class="red">Szép link</a></li>
            <li><a href="#" class="green">Még szebb link</a></li>
            <li><a href="#" class="yellow">További kód</a></li>
            <li><a href="#" class="cyan">Még több CSS3</a></li>
            <li><a href="#" class="blue">Link</a></li>
         </ul>
         <h2>Sötét szöveg</h2>
         <ul class="menucsop">
            <li><a href="#" class="red dark">Szép link</a></li>
            <li><a href="#" class="green dark">Még szebb link</a></li>
            <li><a href="#" class="yellow dark">További kód</a></li>
            <li><a href="#" class="cyan dark">Még több CSS3</a></li>
            <li><a href="#" class="blue dark">Link</a></li>
         </ul>
      </div>
   </body>
</html>