Verschachtelte Tabellen: 1px Grenze mit CSS

Ich versuche, eine Tabelle mit einem 1px schwarzen Rahmen zu erstellen.Verschachtelte Tabellen: 1px Grenze mit CSS

Ich muss eine Tabelle in der Haupttabelle verschachteln und "dicke" Grenzen bekommen, wo die nächste Tabelle gegen seine einschließende <td> stößt. Ich möchte nur eine 1px Grenze überall.

Ich habe dies in der Tat:

table.outer{border:1px black solid; border-collapse: collapse;} 
td{border:1px black solid; border-collapse: collapse;} 
table.nexted{border:1px black solid; border-collapse: collapse;}

Quelle

2009-06-26 Paul

einfach das Attribut Grenze setzen auf den td s. Wenn du einen 1px-Rahmen haben willst, dann tue ich es; Du brauchst es nicht auf den Tischen.

Quelle

2009-06-26 15:21:16 chaos

Wenn ich Sie richtig verstanden habe, können Sie Rand-links, Rand-rechts, Rand-oben und Rand-unten verwenden, um diese "speziellen" Fälle zu erstellen, die Sie wollen.

Zum Beispiel in der verschachtelten Tabellen können Sie einstellen,

border-left:0;

einen „resultierenden“ 1 px Rand auf der linken Seite der verschachtelten Tabelle zu erhalten.

Quelle

2009-06-26 15:22:19 anderstornvig

Diese Seite beschreibt, wie es ziemlich gut tun: http://www.visakopu.net/misc/table-border-css/

Was passiert, ist, dass die Grenzen auf den Zellen gegeneinander sind stoßen auf, es verursacht zu erscheinen, dass es dicker Grenzen, als es tatsächlich. Anstatt die Eigenschaft border-collapse zu verwenden, setzen Sie einen Rahmen für die Tabelle selbst und nur für die obere und die linke Seite, und Sie legen Grenzen für die Zellen auf der unteren und rechten Seite fest.

Quelle

2009-06-27 02:22:47 matt

gibt keine Grenze Stil für die verschachtelte Tabelle

<!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></title> 
    <style type="text/css"> 
     table.outer 
     { 
      border: 1px black solid; 
      border-collapse: collapse; 
      width: 100%; 
     } 
     table.outer td 
     { 
      border: 1px black solid; 
      border-collapse: collapse; 
     } 
     table.nested, table.nested td 
     { 
      border-width: 0px; 
      border-collapse: collapse; 
      width: 100%; 
     } 
    </style> 
</head> 
<body> 
    <table class="outer"> 
     <tr> 
      <td> 
       <table class="nested"> 
        <tr> 
         <td> 
          &nbsp; 
         </td> 
         <td> 
          &nbsp; 
         </td> 
        </tr> 
        <tr> 
         <td> 
          &nbsp; 
         </td> 
         <td> 
          &nbsp; 
         </td> 
        </tr> 
       </table> 
      </td> 
      <td> 
       content 
      </td> 
     </tr> 
     <tr> 
      <td> 
       content 
      </td> 
      <td> 
       <table class="nested"> 
        <tr> 
         <td> 
          &nbsp; 
         </td> 
         <td> 
          &nbsp; 
         </td> 
        </tr> 
        <tr> 
         <td> 
          &nbsp; 
         </td> 
         <td> 
          &nbsp; 
         </td> 
        </tr> 
       </table> 
      </td> 
     </tr> 
    </table> 
</body> 
</html>

Quelle

2009-06-27 02:41:19 Rony

Verschachtelte Tabellen: 1px Grenze mit CSS

Antwort

Verwandte Themen