• 表格边框总结


    1、表格边框属性设置

    <table id="bigTable" border="3" bordercolor="red"  cellspacing="10"> 见图(1)

    border 属性会为每个单元格应用边框,并用边框围绕表格。如果 border 属性的值发生改变,那么只有表格周围边框的尺寸会发生变化。表格内部的边框则是 1 像素宽。

    cellspacing="0" 见图(2)

      

                                图(1)                                   图(2)

    2、表格背景色和单元格之间空白设置 见图(3)

    <table id="bigTable" style="" cellspacing="5">

    <td style="background-color: white">1</td>

       

              图(3)                                               图(4)

    3、表格和单元格边框细化设置,见图(4)

    <table id="bigTable" border="0" style="border-top: 3px solid green;border-left: 3px solid red;"

    cellspacing="0" cellpadding="0">

    <td style="border-right: 3px solid black;border-bottom: 3px solid black">1</td>

    4、单元格边框设置 见图(5)

    <table id="bigTable" border="0" style="border-collapse: collapse;border: none;">

    <td style="border: 3px solid blue;">1</td>

        

              图(5)                                                图(6)

    5、嵌套表格边框设置 见图(6)

    外层表格:border: 4px solid black;

    内层表格:border: 0px;

    所有的单元格:border: 2px solid black;

  • 相关阅读:
    关于Maven项目的pom.xml中的依赖或插件失效的解决方法
    java引用数据类型在方法中的值传递
    java匹配http或https的url的正则表达式20180912
    java正则表达式的进阶使用20180912
    java线程池 多线程 搜索包含关键字的文件路径
    魔术球问题
    [SDOI2009]晨跑
    [洛谷P2045]方格取数加强版
    最小路径覆盖问题
    最长不下降子序列问题
  • 原文地址:https://www.cnblogs.com/xyl-share-happy/p/5005246.html
Copyright © 2020-2023  润新知