当前位置首页 > 爱问问> 正文

html中border用法 tableborder样式

2021-11-10 13:31:45 爱问问

表格的默认样式不好看,设置border=”1″的时候,还会出现双边框,就像下面一样,直接上代码,看效果对比,而且用flex,可以轻易实现文字垂直居中。
1.修改前

<table border="1">
    <tr>
      <td>班级</td>
      <td>姓名</td>
      <td>成绩</td>
    </tr>
    <tr>
      <td>一班</td>
      <td>小明</td>
      <td>90</td>
    </tr>
     <tr>
      <td>二班</td>
      <td>小红</td>
      <td>100</td>
    </tr>
 </table>

用flex布局实现简单好看表格边框样式


2.修改后

<table>

用flex布局实现简单好看表格边框样式

声明:此文信息来源于网络,登载此文只为提供信息参考,并不用于任何商业目的。如有侵权,请及时联系我们:baisebaisebaise@yeah.net