Heim > Web-Frontend > HTML-Tutorial > Ausführliche Erläuterung der Rahmen- und Regelattribute von Tabellen in HTML

Ausführliche Erläuterung der Rahmen- und Regelattribute von Tabellen in HTML

高洛峰
Freigeben: 2017-02-17 16:02:11
Original
3165 Leute haben es durchsucht

Auf der Webseite können wir mithilfe von Rahmen und Regeln steuern, ob der Tabellenrand sichtbar ist. Freunde in Not können sich auf die

table-Tag. Die Frame- und Rules-Attribute können die Anzeige von Rahmen steuern. Das Rahmenattribut steuert die Sichtbarkeit der vier äußersten Ränder der Tabelle, während Regeln die Sichtbarkeit der inneren Ränder der Tabelle steuern. Die möglichen Werte und Bedeutungen des

frame-Attributs sind wie folgt:
* void – Standardwert. Zeigt an, dass der äußerste Rand der Tabelle nicht angezeigt wird.
* Feld – Zeigt vier Ränder gleichzeitig an.
* Rand – Zeigt vier Ränder gleichzeitig an.
* oben – nur der obere Rand wird angezeigt.
* unten – nur der untere Rand wird angezeigt.
* links – nur linken Rand anzeigen.
* rechts – zeigt nur den rechten Rand an.
* hsides – Zeigt nur zwei horizontale Ränder an.
* vsides – Zeigt nur zwei vertikale Ränder an. Es gibt fünf mögliche Werte für das Attribut
rules:
* none – der Standardwert. Keine Grenzen.
* Gruppen – Fügen Sie Rahmen zu Zeilen- oder Spaltengruppen hinzu.
* Zeilen – Ränder zu Zeilen hinzufügen.
* cols – Ränder zu Spalten hinzufügen.
* all – Ränder zu allen Zeilen und Spalten (Zellen) hinzufügen

Codebeispiel:

<table border="1" width="600" frame="hsides" rules="groups">  
     <caption>My Ultimate Table</caption>  
     <colgroup span="1" width="200"></colgroup>  
     <colgroup span="3" width="400"></colgroup>  
  
<thead>  
     <tr>  
          <td>cell 1-1</td>  
          <td>cell 1-2</td>  
          <td>cell 1-3</td>  
          <td>cell 1-4</td>  
     </tr>  
</thead>  
<tfoot>  
     <tr>  
          <td>cell 4-1</td>  
          <td>cell 4-2</td>  
          <td>cell 4-3</td>  
          <td>cell 4-4</td>  
     </tr>  
</tfoot>  
<tbody>  
     <tr>  
          <td>cell 2-1</td>  
          <td>cell 2-2</td>  
          <td>cell 2-3</td>  
          <td>cell 2-4</td>  
     </tr>  
     <tr>  
          <td>cell 3-1</td>  
          <td>cell 3-2</td>  
          <td>cell 3-3</td>  
          <td>cell 3-4</td>  
     </tr>  
</tbody>  
</table>
Nach dem Login kopieren

wird im Browser wie folgt angezeigt Bild:


Ausführliche Erläuterung der Rahmen- und Regelattribute von Tabellen in HTML

Ausführlichere Erläuterungen zu den Rahmen- und Regelattributen von Tabellen in HTML finden Sie auf der chinesischen PHP-Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage