• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    详解HTML中table表格的frame和rules属性

    table标签的frame和rules属性,可以控制边框的显示。frame属性控制着表格最外围的四条边框的可见性,而 rules 则控制着表格内部边框的可见性。
    frame属性可取的值及含义如下:
    * void - 默认值。表示不显示表格最外围的边框。
    * box - 同时显示四条边框。
    * border - 同时显示四条边框。
    * above - 只显示顶部边框。
    * below - 只显示底部边框。
    * lhs - 只显示左侧边框。
    * rhs - 只显示右侧边框。
    * hsides - 只显示水平方向的两条边框。
    * vsides - 只显示垂直方面的两条边框。
    rules 属性可取的值有五个,分别是:
    * none - 默认值。无边框。
    * groups - 为行组或列组加边框。
    * rows - 为行加边框。
    * cols - 为列加边框。
    * all - 为所有行列(单元格)加边框


    代码示例:

    XML/HTML Code复制内容到剪贴板
    1. <table border="1" width="600" frame="hsides" rules="groups">  
    2.      <caption>My Ultimate Table</caption>  
    3.      <colgroup span="1" width="200"></colgroup>  
    4.      <colgroup span="3" width="400"></colgroup>  
    5.   
    6. <thead>  
    7.      <tr>  
    8.           <td>cell 1-1</td>  
    9.           <td>cell 1-2</td>  
    10.           <td>cell 1-3</td>  
    11.           <td>cell 1-4</td>  
    12.      </tr>  
    13. </thead>  
    14. <tfoot>  
    15.      <tr>  
    16.           <td>cell 4-1</td>  
    17.           <td>cell 4-2</td>  
    18.           <td>cell 4-3</td>  
    19.           <td>cell 4-4</td>  
    20.      </tr>  
    21. </tfoot>  
    22. <tbody>  
    23.      <tr>  
    24.           <td>cell 2-1</td>  
    25.           <td>cell 2-2</td>  
    26.           <td>cell 2-3</td>  
    27.           <td>cell 2-4</td>  
    28.      </tr>  
    29.      <tr>  
    30.           <td>cell 3-1</td>  
    31.           <td>cell 3-2</td>  
    32.           <td>cell 3-3</td>  
    33.           <td>cell 3-4</td>  
    34.      </tr>  
    35. </tbody>  
    36. </table>  

    在浏览器中的显示效果如下图:

    上一篇:HTML的form表单标签用法学习教程
    下一篇:HTML基础重点_一般标签、常用标签和表格
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    详解HTML中table表格的frame和rules属性 详解,HTML,中,table,表格,的,