Advertisement
B3ar6

Szachownica do CSS

Jan 23rd, 2017
214
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 4.16 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="pl">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="author" content="..."/>
  6.     <meta name="keywords" content="..."/>
  7.     <meta name="description" content="..."/>
  8.     <link rel="stylesheet" type="text/css" href="style2.css">
  9.     <title>Szachownica przy pomocy CSS</title>
  10. </head>
  11. <body>
  12.     <table>
  13.         <tr class="ciemny Wpion">
  14.             <td class="Wpion Wpoziom"></td>
  15.             <td class="Wpion"></td>
  16.             <td class="Wpion"></td>
  17.             <td class="Wpion"></td>
  18.             <td class="Wpion"></td>
  19.             <td class="Wpion"></td>
  20.             <td class="Wpion"></td>
  21.             <td class="Wpion"></td>
  22.             <td class="Wpion"></td>
  23.             <td class="Wpion Wpoziom"></td>
  24.         </tr>
  25.         <tr>
  26.             <td class="ciemny Wpoziom">8</td>
  27.             <td class="jasny"><img src="wiezaC.png"></td>
  28.             <td class="ciemny"><img src="konC.png"></td>
  29.             <td class="jasny"><img src="lauferC.png"></td>
  30.             <td class="ciemny"><img src="krolC.png"></td>
  31.             <td class="jasny"><img src="damkaC.png"></td>
  32.             <td class="ciemny"><img src="lauferC.png"></td>
  33.             <td class="jasny"><img src="konC.png"></td>
  34.             <td class="ciemny"><img src="wiezaC.png"></td>
  35.             <td class="ciemny Wpoziom"></td>
  36.         </tr>
  37.         <tr>
  38.             <td class="ciemny Wpoziom">7</td>
  39.             <td class="ciemny"><img src="pionC.png"></td>
  40.             <td class="jasny"><img src="pionC.png"></td>
  41.             <td class="ciemny"><img src="pionC.png"></td>
  42.             <td class="jasny"><img src="pionC.png"></td>
  43.             <td class="ciemny"><img src="pionC.png"></td>
  44.             <td class="jasny"><img src="pionC.png"></td>
  45.             <td class="ciemny"><img src="pionC.png"></td>
  46.             <td class="jasny"><img src="pionC.png"></td>
  47.             <td class="ciemny Wpoziom"></td>
  48.         </tr>
  49.         <tr>
  50.             <td class="ciemny Wpoziom">6</td>
  51.             <td class="jasny"></td>
  52.             <td class="ciemny"></td>
  53.             <td class="jasny"></td>
  54.             <td class="ciemny"></td>
  55.             <td class="jasny"></td>
  56.             <td class="ciemny"></td>
  57.             <td class="jasny"></td>
  58.             <td class="ciemny"></td>
  59.             <td class="ciemny Wpoziom"></td>
  60.         </tr><tr>
  61.             <td class="ciemny Wpoziom">5</td>
  62.             <td class="ciemny"></td>
  63.             <td class="jasny"></td>
  64.             <td class="ciemny"></td>
  65.             <td class="jasny"></td>
  66.             <td class="ciemny"></td>
  67.             <td class="jasny"></td>
  68.             <td class="ciemny"></td>
  69.             <td class="jasny"></td>
  70.             <td class="ciemny Wpoziom"></td>
  71.         </tr>
  72.             <tr>
  73.             <td class="ciemny Wpoziom">4</td>
  74.             <td class="jasny"></td>
  75.             <td class="ciemny"></td>
  76.             <td class="jasny"></td>
  77.             <td class="ciemny"></td>
  78.             <td class="jasny"></td>
  79.             <td class="ciemny"></td>
  80.             <td class="jasny"></td>
  81.             <td class="ciemny"></td>
  82.             <td class="ciemny Wpoziom"></td>
  83.         </tr>
  84.         <tr>
  85.             <td class="ciemny Wpoziom">3</td>
  86.             <td class="ciemny"></td>
  87.             <td class="jasny"></td>
  88.             <td class="ciemny"></td>
  89.             <td class="jasny"></td>
  90.             <td class="ciemny"></td>
  91.             <td class="jasny"></td>
  92.             <td class="ciemny"></td>
  93.             <td class="jasny"></td>
  94.             <td class="ciemny Wpoziom"></td>
  95.         </tr>
  96.         <tr>
  97.             <td class="ciemny Wpoziom">2</td>
  98.             <td class="jasny"><img src="pionB.png"></td>
  99.             <td class="ciemny"><img src="pionB.png"></td>
  100.             <td class="jasny"><img src="pionB.png"></td>
  101.             <td class="ciemny"><img src="pionB.png"></td>
  102.             <td class="jasny"><img src="pionB.png"></td>
  103.             <td class="ciemny"><img src="pionB.png"></td>
  104.             <td class="jasny"><img src="pionB.png"></td>
  105.             <td class="ciemny"><img src="pionB.png"></td>
  106.             <td class="ciemny Wpoziom"></td>
  107.         </tr><tr>
  108.             <td class="ciemny Wpoziom">1</td>
  109.             <td class="ciemny"><img src="wiezaB.png"></td>
  110.             <td class="jasny"><img src="konB.png"></td>
  111.             <td class="ciemny"><img src="lauferB.png"></td>
  112.             <td class="jasny"><img src="krolB.png"></td>
  113.             <td class="ciemny"><img src="damkaB.png"></td>
  114.             <td class="jasny"><img src="lauferB.png"></td>
  115.             <td class="ciemny"><img src="konB.png"></td>
  116.             <td class="jasny"><img src="wiezaB.png"></td>
  117.             <td class="ciemny Wpoziom"></td>
  118.         </tr>
  119.         <tr class="ciemny Wpion">
  120.             <td class="Wpion Wpoziom"></td>
  121.             <td class="Wpion">A</td>
  122.             <td class="Wpion">B</td>
  123.             <td class="Wpion">C</td>
  124.             <td class="Wpion">D</td>
  125.             <td class="Wpion">E</td>
  126.             <td class="Wpion">F</td>
  127.             <td class="Wpion">G</td>
  128.             <td class="Wpion">H</td>
  129.             <td class="Wpion Wpoziom"></td>
  130.         </tr>
  131.     </table>
  132. </body>
  133. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement