zoukankan      html  css  js  c++  java
  • CSS 如何让Table的里面TD全有边框 而Table的右左边框没有

    比如这样一个CSS
    .td3{
    font-size: 14px;
    color: #FFFFFF;
    background-color: #000000;
    BORDER-RIGHT: #f6f6f6 1px solid; //显示右边框为1px,如果不想显示就为0px
    BORDER-TOP: #f9f9f9 0px solid; //显示上边框为1px,如果不想显示就为0px
    BORDER-LEFT: #f9f9f9 0px solid;//显示左边框为1px,如果不想显示就为0px
    BORDER-BOTTOM: #f5f5f5 0px solid;//显下右边框为1px,如果不想显示就为0px
    }
    在你调用显示这个样式的TD里调用class="td3"
    就可以了
    比如:
      <table width="400" border="0" cellspacing="0" cellpadding="0" align="center">
    <tr>
    <td class="td3"></td><td class="td3"></td class="td3"><td></td class="td3"><td></td></tr>
    </table>

    一样可以的,你变通下哈
    比如你定义一个
    .table1{}
    .table1 td{ 
    font-size:   14px; 
    color:   #FFFFFF; 
    background-color:   #000000; 
    BORDER-RIGHT:   #f6f6f6   1px   solid;   //显示右边框为1px,如果不想显示就为0px 
    BORDER-TOP:   #f9f9f9   0px   solid;   //显示上边框为1px,如果不想显示就为0px 
    BORDER-LEFT:   #f9f9f9   0px   solid;//显示左边框为1px,如果不想显示就为0px 
    BORDER-BOTTOM:   #f5f5f5   0px   solid;//显下右边框为1px,如果不想显示就为0px 


    <table   width="400"   border="0"   cellspacing="0"   cellpadding="0"   align="center" class="table1"> 
    <tr> 
    <td> </td> <td   class="td3"> </td   class="td3"> <td> </td   class="td3"> <td> </td> </tr> 
    </table> 
    大致就像这么定义!
    为什么要用GridView
    这个做的好像冗余代码不少啊

  • 相关阅读:
    json解析:[1]gson解析json
    android 调用系统相机拍照 获取原图
    EventBus使用详解(二)——EventBus使用进阶
    java中的正则表达式
    java的UI设计--------------------------------待补充
    java的网络编程
    IO知识点整理(序列化,管道流,数据流,字节数组流,与编码)
    IO知识点整理(文件File类的使用)
    040 DataFrame中的write与read编程
    039 DataFrame的理解
  • 原文地址:https://www.cnblogs.com/zmc/p/3394017.html
Copyright © 2011-2022 走看看