zoukankan      html  css  js  c++  java
  • 表格边框总结

    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;

  • 相关阅读:
    flask中程序和请求上下文
    flask的初始化
    git 强制覆盖本地代码
    python编写一个带参数的装饰器
    Android 11 unexpected LOCAL_MODULE_CLASS for prebuilts: FAKE
    systemctl自定义service执行shell脚本时报错:code=exited, status=203/EXEC
    shell应用记录
    ssm在maven项目中的需要的依赖
    swiper 5张卡片轮播图实现效果
    Codeforces 1534 题解
  • 原文地址:https://www.cnblogs.com/xyl-share-happy/p/5005246.html
Copyright © 2011-2022 走看看