zoukankan      html  css  js  c++  java
  • table td 实现细边框的样式

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns=" http://www.w3.org/1999/xhtml">
     <head>
      <title> new document </title>
      <meta name="generator" content="editplus" />
      <meta name="author" content="" />
      <meta name="keywords" content="" />
      <meta name="description" content="" />
      <style type="text/css">
     .cont tr:hover{border:#000 1px solid;}
     .topTd{border-top:1px solid #ccc; }
     .rightTd{border-right:1px solid #ccc;}
     .bottomTd{border-bottom:1px solid #ccc;}
     .leftTd{border-left:1px solid #ccc; text-align:center; line-height:35px;}
      </style>
     </head>
    
     <body>
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="cont">
     <tr>
      <td width="10%" class="leftTd topTd bottomTd">a</td>
      <td width="35%" class="leftTd topTd bottomTd">b</td>
      <td width="35%" class="leftTd topTd bottomTd">c</td>
      <td width="18%" class="leftTd rightTd topTd bottomTd">d</td>
     </tr>
    
     <tr>
      <td class="leftTd bottomTd">3</td>
      <td class="leftTd bottomTd">&nbsp;</td>
      <td class="leftTd bottomTd">&nbsp;</td>
      <td class="leftTd rightTd bottomTd">&nbsp;</td>
     </tr>
    
    
     <tr>
      <td class="leftTd bottomTd">3</td>
      <td class="leftTd bottomTd">&nbsp;</td>
      <td class="leftTd bottomTd">&nbsp;</td>
      <td class="leftTd rightTd bottomTd">&nbsp;</td>
     </tr>
    
    
    
      </table>
     </body>
    </html>
  • 相关阅读:
    CPA财务管理例题汇总
    Vulkan(1)用apispec生成Vulkan库
    Vulkan(0)搭建环境-清空窗口
    [译]可见性判断之门系统
    《资本论》核心思想
    [译]为任意网格计算tangent空间的基向量
    [译]Vulkan教程(33)多重采样
    [译]Vulkan教程(32)生成mipmap
    [译]Vulkan教程(31)加载模型
    [译]Vulkan教程(30)深度缓存
  • 原文地址:https://www.cnblogs.com/visi_zhangyang/p/3335849.html
Copyright © 2011-2022 走看看