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>
  • 相关阅读:
    POJ Countries in War 3114
    POJ 2553 The Bottom of a Graph
    POJ 2762 Going from u to v or from v to u?(强联通 + TopSort)
    POJ 3180 The Cow Prom(强联通)
    HDU 4738 Caocao's Bridges
    喵哈哈村的几何大师╰☆莣メ誋こ月
    Vladik and Entertaining Flags
    XOR Queries
    Palindrome
    F
  • 原文地址:https://www.cnblogs.com/visi_zhangyang/p/3335849.html
Copyright © 2011-2022 走看看