html设置表格边框样式

互联网 18-4-21

这篇文章介绍的内容是html设置表格边框样式，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下

                                                     html设置表格边框样式  <html>  <head>      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />      <title>设置表格边框样式</title>      <style>          .border_distance{              border-collapse: collapse;  /**设置小表格之间的间距为0*/              border-right:1px solid red;              border-top:1px solid red;          }          .border_distance tr td{              border-left:1px solid green;              border-bottom:1px solid green;          }      </style>  </head>  <body>      <table class="border_distance">          <tr>              <td>科目</td>              <td>分数</td>          </tr>          <tr>              <td>语文</td>              <td>92</td>          </tr>          <tr>              <td>数学</td>              <td>99</td>          </tr>          <tr>              <td>英语</td>              <td>59</td>          </tr>      </table>  </body>  </html>

html设置表格边框样式

相关资讯

标签推荐