• css样式表格设置


    如图,怎么把每个单元格之间的白色区间去掉呢

     

    CSS控制表格边框样式问题

    <html>

    <head><title>HTML Table</title></head>

    <style type="text/css">

    TABLE {

    border-collapse: separate;

    border: 2px solid blue; }

     

    .one{ border-left:none; border-right:1px solid #f00; border-top:1px solid #f00; border-bottom:1px solid #f00;}

    </style>

    <body>

    <table summary="TechRepublic.com - Tables and CSS">

     

    <thead><tr>

    <thabbr="salesperson" scope="col">Person</th>

    <thabbr="sales" scope="col">Sales</th>

    </tr></thead>

    <tbody><tr>

    <td class="one">Mr. Smith</td>

    <td>600.00</td>

    </tr><tr>

    <td>Mr. Jones</td>

    <td>0000.00</td>

    </tr><tr>

    <td>Ms. Williams</td>

    <td class="one">0000.00</td>

    </tr></tbody>

    <tfoot><tr>

    <td>Let's sale, sale, sale!</td>

    </tr></tfoot></table></body></html>

     

    我设置了一个样式one,单元格左边没有边框,上下和右边有边框,颜色你可以自己设置。

  • 相关阅读:
    切片
    类型断言
    方法表达式
    接口
    函数式编程
    多人聊天室
    反射
    yarn基础解释
    webpack基础概念
    ssh登陆报错:packet_write_wait: Connection to x.x.x.x port 22: Broken pipe
  • 原文地址:https://www.cnblogs.com/weixiao/p/2208209.html
Copyright © 2020-2023  润新知