So erstellen Sie Tabellen-Anzeigeränder

Dieses Mal zeige ich Ihnen, wie Sie dafür sorgen, dass die Tabelle den Rand anzeigt.

Häufig verwendete

Attribute der Tabelle Die Grundattribute sind: Breite (Breite),

Höhe

( height), border (Randwert), cellspaced (die innere Breite der Tabelle, d. h. das Intervall zwischen der Tabelle und tr), cellpadding (das Intervall zwischen Elementen in der Tabelle, d. h. das Intervall zwischen tr und tr), bordercolorlight (helle Randfarbe der Tabelle), bordercolordark (dunkle Randfarbe der Tabelle), bgcolor (Hintergrundfarbe der Tabelle), background (Hintergrundbild der Tabelle), bordercolor ( Farbe des Tabellenrandes)Die Attribute der internen Trennlinie in der Tabelle

sind die Regelparameter, die drei Werte haben (cols, rows, none

Bei Regeln=Spalten verbirgt die Tabelle die horizontale Trennlinie, das heißt, wir können nur die Spalten der Tabelle sehen.

Bei Regeln=Zeilen wird die vertikale Trennlinie ausgeblendet Das heißt, wir können nur die Zeilen der Tabelle sehen.

Wenn „rules=none“ ist, werden alle vertikalen und horizontalen Trennzeichen ausgeblendet und wir können nur den äußeren Rahmen einer Tabelle sehen

Attribute der externen Trennzeichen der Tabelle

Das Ein- und Ausblenden des äußeren Randes der Tabelle kann über den Rahmenparameter gesteuert werden. Hinweis: Es funktioniert nur am äußeren Rand der Tabelle, nicht an den inneren Kanten und Linien.

Nur ​​der obere Rand wird angezeigt9f6b505c8d03e0233e078bf74db9973f

Nur ​​der untere Rand angezeigtb10a2a8f4008a6af9d5d59a92f9601c8

Nur ​​linke und rechte Ränder anzeigenaea7592daf05b6c5fdf9acd977ba7a2d

Nur ​​obere und untere Ränder anzeigenb7f0ae994f2ec3bda5ee2e7ff958029f

Nur Linken Rand anzeigen99080a860bbaf7d57f0e890e747be82f

Nur ​​der rechte Rand wird angezeigtefb406896cdf57e49a55b7e361f904d8

Kein Rand wird angezeigt f67379367ee70c194e1734434cee3d1e

Ich glaube, dass Sie die Methoden beherrschen, nachdem Sie diese Fälle gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

<table summary="学生名单，包括学生编号、姓名、联系电话、和地址。">  
    <caption>学生名单</caption>  
    <thead>  
        <th scope="col">编号</th>  
        <th scope="col">姓名</th>  
        <th scope="col">联系电话</th>  
        <th scope="col">地址</th>  
    </thead>  
    <tfoot>  
        <td colspan="4">班主任：</td>  
    </tfoot>  
    <tbody>  
        <tr>  
            <td>1</td>  
            <td>Jamson</td>  
            <td>123-45678</td>  
            <td>XX市XX区XX号</td>  
        </tr>  
        <tr>  
            <td>2</td>  
            <td>Grace</td>  
            <td>123-45678</td>  
            <td>XX市XX区XX号</td>  
        </tr>  
        <tr>  
            <td>3</td>  
            <td>Dizzy</td>  
            <td>123-45678</td>  
            <td>XX市XX区XX号</td>  
        </tr>  
    </tbody>  
</table>

Verwandte Lektüre:

Wie sollten HTML-Tabellen angeordnet werden?

Was ist der Unterschied zwischen Klasse und ID beim Markieren? HTML-Elemente

So erzielen Sie den Effekt, wenn Sie auf den Schaltflächentext in einem Eingabefeld klicken und auf „Speichern“ klicken, um ihn in Text umzuwandeln

Das obige ist der detaillierte Inhalt vonSo erstellen Sie Tabellen-Anzeigeränder. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!