Jater

CSS_many_tables

Sep 29th, 2013
107
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <html>
  2.     <head>
  3.         <title>Страница</title>
  4.         <style type="text/css">
  5.             table{border-collapse:collapse;}
  6.             table.table1 td{border:1px solid black;width:20px;height:20px;text-align:center;}
  7.             tr.last td{border-bottom:none;border-left:none;border-right:none;}
  8.             table.table1 td:nth-child(1){border: none;}
  9.            
  10.             table.table2 td{border:1px solid black;}
  11.             table.table2 tr{vertical-align:top;}
  12.             table.table2 td:first-child{width:150px;"}
  13.             table.table2 td:nth-child(2){width:450px;"}
  14.            
  15.             table.table3 td{border:2px solid #a3282a;text-align:center;width:60px;border-right:none;border-left:none;}
  16.             table.table3 td:nth-child(4){border-right:2px solid #a3282a;}
  17.             table.table3 td:first-child{text-align:left;width:110px;border-left:2px solid #a3282a;}
  18.             table.table3 tr:nth-child(2n){background:#fefff1;}
  19.             table.table3 tr:nth-child(2n+1){background:#fff8dc;}
  20.             table.table3 tr:first-child{background:#a3282a;}
  21.            
  22.             table.table4 td{border:none;text-align:left;width:60px}
  23.             table.table4 td:first-child{color:#FFFFFF;background:#FF0000;}
  24.             table.table4 td:nth-child(2){color:gray;background:orange;}
  25.             table.table4 td:nth-child(3){color:#000000;background:yellow;}
  26.         </style>
  27.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head>
  28. <body>
  29.         <p><b>Задание 1</b>
  30.         <ul>
  31.             <li>Пункт 1</li>
  32.             <ul>
  33.                 <li>Подпункт 1,1</li>
  34.                 <li>Подпункт 1,2</li>
  35.             </ul>
  36.             <li>Пункт 2</li>
  37.             <ul>
  38.                 <li>Подпункт 2,1</li>
  39.                 <li>Подпункт 2,2</li>
  40.             </ul>
  41.         </ul>
  42.         </p>
  43.         <p>
  44.         Первый список начинается с 1
  45.         <ol>
  46.             <li>Баал
  47.             <li>Агарес
  48.             <li>Марбас
  49.             <li>Пруфлас
  50.             <li>Аамон
  51.         </ol>
  52.         Второй список начинается с 6
  53.         <ol start="6">
  54.             <li>Барбатос
  55.             <li>Буер
  56.             <li>Гасион
  57.             <li>Ботис
  58.         </ol>
  59.         </p>
  60.         <p><b>Задание 2</b>
  61.             <div style="background:#000000;color:#FFFFFF; font-size:14pt;height:30px; padding-top:5">
  62.             <span style="color:#af0026;padding:2px">Ссылка 1</span> |
  63.             <span style="color:#5bd7d5;padding:2px">Ссылка 2</span> |
  64.             <span style="color:#eaf358;padding:2px">Ссылка 3</span>
  65.             </div>
  66.         </p>
  67.         <p><b>Задание 3</b><br/><br/>
  68.             <table class="table1">
  69.             <tr>
  70.                 <td>8</td>
  71.                 <td>&nbsp;</td>
  72.                 <td>&nbsp;</td>
  73.                 <td>&nbsp;</td>
  74.                 <td>&nbsp;</td>
  75.                 <td>&nbsp;</td>
  76.                 <td>&nbsp;</td>
  77.                 <td>&nbsp;</td>
  78.                 <td>&nbsp;</td>
  79.             </tr>
  80.             <tr>
  81.                 <td>7</td>
  82.                 <td>&nbsp;</td>
  83.                 <td>&nbsp;</td>
  84.                 <td>&nbsp;</td>
  85.                 <td>&nbsp;</td>
  86.                 <td>&nbsp;</td>
  87.                 <td>&nbsp;</td>
  88.                 <td>&nbsp;</td>
  89.                 <td>&nbsp;</td>
  90.             </tr>
  91.             <tr>
  92.                 <td>6</td>
  93.                 <td>&nbsp;</td>
  94.                 <td>&nbsp;</td>
  95.                 <td>&nbsp;</td>
  96.                 <td>&nbsp;</td>
  97.                 <td>&nbsp;</td>
  98.                 <td>&nbsp;</td>
  99.                 <td>&nbsp;</td>
  100.                 <td>&nbsp;</td>
  101.             </tr>
  102.             <tr>
  103.                 <td>5</td>
  104.                 <td>&nbsp;</td>
  105.                 <td>&nbsp;</td>
  106.                 <td>&nbsp;</td>
  107.                 <td>&nbsp;</td>
  108.                 <td>&nbsp;</td>
  109.                 <td>&nbsp;</td>
  110.                 <td>&nbsp;</td>
  111.                 <td>&nbsp;</td>
  112.             </tr>
  113.             <tr>
  114.                 <td>4</td>
  115.                 <td>&nbsp;</td>
  116.                 <td>&nbsp;</td>
  117.                 <td>&nbsp;</td>
  118.                 <td>&nbsp;</td>
  119.                 <td>&nbsp;</td>
  120.                 <td>&nbsp;</td>
  121.                 <td>&nbsp;</td>
  122.                 <td>&nbsp;</td>
  123.             </tr>
  124.             <tr>
  125.                 <td>3</td>
  126.                 <td>&nbsp;</td>
  127.                 <td>&nbsp;</td>
  128.                 <td>&nbsp;</td>
  129.                 <td>&nbsp;</td>
  130.                 <td>&nbsp;</td>
  131.                 <td>&nbsp;</td>
  132.                 <td>&nbsp;</td>
  133.                 <td>&nbsp;</td>
  134.             </tr>
  135.             <tr>
  136.                 <td>2</td>
  137.                 <td>&nbsp;</td>
  138.                 <td>&nbsp;</td>
  139.                 <td>&nbsp;</td>
  140.                 <td>&nbsp;</td>
  141.                 <td>&nbsp;</td>
  142.                 <td>&nbsp;</td>
  143.                 <td>&nbsp;</td>
  144.                 <td>&nbsp;</td>
  145.             </tr>
  146.             <tr>
  147.                 <td>1</td>
  148.                 <td>&nbsp;</td>
  149.                 <td>&nbsp;</td>
  150.                 <td>&nbsp;</td>
  151.                 <td>&nbsp;</td>
  152.                 <td>&nbsp;</td>
  153.                 <td>&nbsp;</td>
  154.                 <td>&nbsp;</td>
  155.                 <td>&nbsp;</td>
  156.             </tr>
  157.             <tr class="last">
  158.                 <td>&nbsp;</td>
  159.                 <td>A</td>
  160.                 <td>B</td>
  161.                 <td>C</td>
  162.                 <td>D</td>
  163.                 <td>E</td>
  164.                 <td>F</td>
  165.                 <td>G</td>
  166.                 <td>H</td>
  167.             </tr>
  168.             </table>
  169.         </p>
  170.         <p><b>Задание 4</b><br/>
  171.         <center>
  172.             <table class="table2">
  173.             <tr>
  174.                 <td>1<br>1</td>
  175.                 <td>2</td>
  176.             </tr>
  177.             <tr>
  178.                 <td>1<br>1</td>
  179.                 <td>2</td>
  180.             </tr>
  181.             </table>
  182.         </center>
  183.         </p>
  184.         <p><b>Задание 5</b><br/><br/>
  185.             <table class="table3">
  186.             <tr>
  187.                 <td>&nbsp;</td>
  188.                 <td>2004</td>
  189.                 <td>2005</td>
  190.                 <td>2006</td>
  191.             </tr>
  192.             <tr>
  193.                 <td>Рубины</td>
  194.                 <td>43</td>
  195.                 <td>51</td>
  196.                 <td>79</td>
  197.             </tr>
  198.             <tr>
  199.                 <td>Изумруды</td>
  200.                 <td>28</td>
  201.                 <td>34</td>
  202.                 <td>48</td>
  203.             </tr>
  204.             <tr>
  205.                 <td>Сапфиры</td>
  206.                 <td>29</td>
  207.                 <td>57</td>
  208.                 <td>36</td>
  209.             </tr>
  210.             <tr>
  211.                 <td>Аметисты</td>
  212.                 <td>23</td>
  213.                 <td>64</td>
  214.                 <td>97</td>
  215.             </tr>
  216.             </table>
  217.         </p>
  218.         <p><b>Задание 6</b><br/><br/>
  219.         <table class="table4">
  220.         <tr>
  221.             <td>Шаг 1</td>
  222.             <td>Шаг 2</td>
  223.             <td>Шаг 3</td>
  224.         </tr>
  225.         </table>
  226.         </p>
  227.     </body>
  228. </html>
RAW Paste Data