{"id":1063,"date":"2023-05-26T14:36:49","date_gmt":"2023-05-26T05:36:49","guid":{"rendered":"http:\/\/2ruja.com\/~game03\/?p=1063"},"modified":"2023-05-31T12:22:02","modified_gmt":"2023-05-31T03:22:02","slug":"html-table-%ea%b3%bc%ec%a0%9c","status":"publish","type":"post","link":"https:\/\/2ruja.com\/~game03\/wp\/?p=1063","title":{"rendered":"HTML table \uacfc\uc81c"},"content":{"rendered":"\n<style>\ntable, td{\n  border: 3px solid #000;\n  border-collapse: collapse;\n  text-align:center;\n}\n.top {\n  border-top: none;\n}\n.left {\n  border-left: none;\n}\n.right {\n  border-right: none;\n}\n.bottom {\n  border-bottom: none;\n}\n.bg1 {\n  background-color: #f9b6b7;\n}\n.bg2 {\n  background-color: #fda666;\n}\n.bg3 {\n  background-color: #ff6e71;\n}\n.bg4 {\n  background-color: #feff80;\n}\n.bg5 {\n  background-color: #cc9ff2;\n}\n.bg6 {\n  background-color: #a5f7e7;\n}\n.bg7 {\n  background-color: #789eff;\n}\n<\/style>\n\n\n\ntimework\n\n<table style=\"width:30%\">\n <tbody><tr>\n    <td>1<\/td>\n    <td class=\"right bg1\" colspan=\"2\">&nbsp;<\/td>\n    <td class=\"left bottom bg1\">2<\/td>\n    <td class=\"bg2\" colspan=\"4\">5<\/td>\n    <td>9<\/td>\n  <\/tr>\n  <tr>\n    <td>11<\/td>\n    <td>12<\/td>\n    <td>13<\/td>\n    <td class=\"top bg1\" rowspan=\"2\">&nbsp;<\/td>\n    <td>15<\/td>\n    <td>16<\/td>\n    <td>17<\/td>\n    <td>18<\/td>\n    <td class=\"bg3\" rowspan=\"3\">19<\/td>\n  <\/tr>\n  <tr>\n    <td class=\"bg3\" colspan=\"3\">21<\/td>\n    <td>25<\/td>\n    <td class=\"bg7\" colspan=\"2\" rowspan=\"2\">26<\/td>\n    <td>28<\/td>\n  <\/tr>\n  <tr>\n    <td class=\"right bg4\" rowspan=\"2\">31<\/td>\n    <td class=\"left bg4\" colspan=\"1\">&nbsp;<\/td>\n    <td class=\"right bg5\" rowspan=\"3\">&nbsp;<\/td>\n    <td class=\"left bg5\" colspan=\"2\">32<\/td>\n    <td>38<\/td>\n    \n  <\/tr>\n  <tr> \n    <td>42<\/td>\n    <td>44<\/td>\n    <td>45<\/td>\n    <td class=\"right bg6\" colspan=\"3\">&nbsp;<\/td>\n    <td class=\"left bg6\" rowspan=\"3\">59<\/td>\n  <\/tr>\n  <tr>\n    <td>51<\/td>\n    <td class=\"bg2\" rowspan=\"4\">52<\/td>\n    <td class=\"left bg5\" colspan=\"2\">&nbsp;<\/td>\n    <td>56<\/td>\n    <td>57<\/td>\n    <td>58<\/td>\n  <\/tr>\n  <tr>\n    <td>61<\/td>\n    <td>63<\/td>\n    <td>64<\/td>\n    <td class=\"bottom bg7\">&nbsp;<\/td>\n    <td>66<\/td>\n    <td class=\"right bottom bg6\" colspan=\"2\">&nbsp;<\/td>\n    \n  <\/tr>\n  <tr>\n    <td>71<\/td>\n    \n    <td>73<\/td>\n    <td class=\"top bg7\" colspan=\"2\" rowspan=\"2\">74<\/td>\n    <td>76<\/td>\n    <td class=\"right top bg6\" rowspan=\"2\">&nbsp;<\/td>\n    <td>78<\/td>\n    <td>79<\/td>\n  <\/tr>\n  <tr>\n    <td>81<\/td>\n    <td>83<\/td>\n    <td>86<\/td>\n    <td class=\"left bg6\" colspan=\"2\">&nbsp;<\/td>\n  <\/tr>\n<\/tbody><\/table>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;style>\ntable, td{\n  border: 3px solid #000;\n  border-collapse: collapse;\n  text-align:center;\n}\n.top {\n  border-top: none;\n}\n.left {\n  border-left: none;\n}\n.right {\n  border-right: none;\n}\n.bottom {\n  border-bottom: none;\n}\n.bg1 {\n  background-color: #b0e0e6;\n}\n.bg2 {\n  background-color: #6495ED;\n}\n.bg3 {\n  background-color: #00FFFF;\n}\n.bg4 {\n  background-color: #00BFFF;\n}\n.bg5 {\n  background-color: #1E90FF;\n}\n.bg6 {\n  background-color: #87CEFA;\n}\n.bg7 {\n  background-color: #9370DB;\n}\n&lt;\/style>\n\n\n\ntimework\n\n&lt;table style=\"width:30%\">\n &lt;tbody>&lt;tr>\n    &lt;td>1&lt;\/td>\n    &lt;td class=\"right bg1\" colspan=\"2\">&amp;nbsp;&lt;\/td>\n    &lt;td class=\"left bottom bg1\">2&lt;\/td>\n    &lt;td class=\"bg2\" colspan=\"4\">5&lt;\/td>\n    &lt;td>9&lt;\/td>\n  &lt;\/tr>\n  &lt;tr>\n    &lt;td>11&lt;\/td>\n    &lt;td>12&lt;\/td>\n    &lt;td>13&lt;\/td>\n    &lt;td class=\"top bg1\" rowspan=\"2\">&amp;nbsp;&lt;\/td>\n    &lt;td>15&lt;\/td>\n    &lt;td>16&lt;\/td>\n    &lt;td>17&lt;\/td>\n    &lt;td>18&lt;\/td>\n    &lt;td class=\"bg3\" rowspan=\"3\">19&lt;\/td>\n  &lt;\/tr>\n  &lt;tr>\n    &lt;td class=\"bg3\" colspan=\"3\">21&lt;\/td>\n    &lt;td>25&lt;\/td>\n    &lt;td class=\"bg7\" colspan=\"2\" rowspan=\"2\">26&lt;\/td>\n    &lt;td>28&lt;\/td>\n  &lt;\/tr>\n  &lt;tr>\n    &lt;td class=\"right bg4\" rowspan=\"2\">31&lt;\/td>\n    &lt;td class=\"left bg4\" colspan=\"1\">&amp;nbsp;&lt;\/td>\n    &lt;td class=\"right bg5\" rowspan=\"3\">&amp;nbsp;&lt;\/td>\n    &lt;td class=\"left bg5\" colspan=\"2\">32&lt;\/td>\n    &lt;td>38&lt;\/td>\n    \n  &lt;\/tr>\n  &lt;tr> \n    &lt;td>42&lt;\/td>\n    &lt;td>44&lt;\/td>\n    &lt;td>45&lt;\/td>\n    &lt;td class=\"right bg6\" colspan=\"3\">&amp;nbsp;&lt;\/td>\n    &lt;td class=\"left bg6\" rowspan=\"3\">59&lt;\/td>\n  &lt;\/tr>\n  &lt;tr>\n    &lt;td>51&lt;\/td>\n    &lt;td class=\"bg2\" rowspan=\"4\">52&lt;\/td>\n    &lt;td class=\"left bg5\" colspan=\"2\">&amp;nbsp;&lt;\/td>\n    &lt;td>56&lt;\/td>\n    &lt;td>57&lt;\/td>\n    &lt;td>58&lt;\/td>\n  &lt;\/tr>\n  &lt;tr>\n    &lt;td>61&lt;\/td>\n    &lt;td>63&lt;\/td>\n    &lt;td>64&lt;\/td>\n    &lt;td class=\"bottom bg7\">&amp;nbsp;&lt;\/td>\n    &lt;td>66&lt;\/td>\n    &lt;td class=\"right bottom bg6\" colspan=\"2\">&amp;nbsp;&lt;\/td>\n    \n  &lt;\/tr>\n  &lt;tr>\n    &lt;td>71&lt;\/td>\n    \n    &lt;td>73&lt;\/td>\n    &lt;td class=\"top bg7\" colspan=\"2\" rowspan=\"2\">74&lt;\/td>\n    &lt;td>76&lt;\/td>\n    &lt;td class=\"right top bg6\" rowspan=\"2\">&amp;nbsp;&lt;\/td>\n    &lt;td>78&lt;\/td>\n    &lt;td>79&lt;\/td>\n  &lt;\/tr>\n  &lt;tr>\n    &lt;td>81&lt;\/td>\n    &lt;td>83&lt;\/td>\n    &lt;td>86&lt;\/td>\n    &lt;td class=\"left bg6\" colspan=\"2\">&amp;nbsp;&lt;\/td>\n  &lt;\/tr>\n&lt;\/tbody>&lt;\/table><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>timework 1 &nbsp; 2 5 9 11 12 13 &nbsp; 15 16 17 18 19 21 25 26 28 31 &nbsp; &nbsp; 32 38 42 44 45 &nbsp; 59 51 52 &nbsp; 56 57 58 61 63 64 &nbsp; 66 &nbsp; 71 73 74 76 &nbsp; 78 79 81 83 86 &nbsp;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[40],"tags":[],"_links":{"self":[{"href":"https:\/\/2ruja.com\/~game03\/wp\/index.php?rest_route=\/wp\/v2\/posts\/1063"}],"collection":[{"href":"https:\/\/2ruja.com\/~game03\/wp\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/2ruja.com\/~game03\/wp\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/2ruja.com\/~game03\/wp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/2ruja.com\/~game03\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1063"}],"version-history":[{"count":15,"href":"https:\/\/2ruja.com\/~game03\/wp\/index.php?rest_route=\/wp\/v2\/posts\/1063\/revisions"}],"predecessor-version":[{"id":1093,"href":"https:\/\/2ruja.com\/~game03\/wp\/index.php?rest_route=\/wp\/v2\/posts\/1063\/revisions\/1093"}],"wp:attachment":[{"href":"https:\/\/2ruja.com\/~game03\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1063"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/2ruja.com\/~game03\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1063"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/2ruja.com\/~game03\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1063"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}