Comment créer des bordures d'affichage de tableau

Cette fois je vais vous montrer comment réaliser les bordures d'affichage du Tableau et quelles sont les précautions pour réaliser les bordures d'affichage du Tableau Voici un cas pratique, jetons un oeil.

Attributs couramment utilisés du tableau

Les attributs de base sont : largeur (largeur), hauteur ( height) , border (valeur de bordure), Cellpacing (la largeur intérieure du tableau, c'est-à-dire l'intervalle entre le tableau et tr), cellpadding (l'intervalle entre les éléments du tableau, c'est-à-dire l'intervalle entre tr et tr), bordercolorlight (couleur de bordure claire du tableau), bordercolordark (couleur de bordure foncée du tableau), bgcolor (couleur de fond du tableau), background (image de fond du tableau ), bordercolor (couleur de la bordure du tableau)

Les attributs des séparateurs internes du tableau

sont le paramètre Rules, qui a trois valeurs (cols, rows, none).

Lorsque règles=cols, le tableau masquera la direction horizontale. La ligne de démarcation, c'est-à-dire que nous ne pouvons voir que les colonnes du tableau

Lorsque règles=lignes, la ligne de démarcation verticale ; est masqué, c'est-à-dire que nous ne pouvons voir que les lignes du tableau

Lorsque règles = aucun, les séparateurs verticaux et horizontaux seront tous masqués, et nous ne pouvons voir que le cadre extérieur d'un tableau

Attributs des séparateurs externes du tableau

L'affichage et le masquage de la bordure extérieure du tableau peuvent être contrôlés à l'aide du paramètre frame. Remarque : Cela ne fonctionne que sur la bordure extérieure du tableau, pas sur les bords et les lignes internes.

Affiche uniquement la bordure supérieure9f6b505c8d03e0233e078bf74db9973f

Affiche uniquement la bordure inférieuree31fd3c37b273618a575335baea0aaa1

Afficher uniquement les bordures gauche et droiteaea7592daf05b6c5fdf9acd977ba7a2d

Afficher uniquement les bordures supérieure et inférieureb7f0ae994f2ec3bda5ee2e7ff958029f

Afficher uniquement la gauche Bordure99080a860bbaf7d57f0e890e747be82f

Seule la bordure droite est affichéeefb406896cdf57e49a55b7e361f904d8

Aucune bordure n'est affichée f67379367ee70c194e1734434cee3d1e

<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>

Je pense que vous maîtrisez les méthodes après avoir lu ces cas. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture connexe :

Comment les tableaux HTML doivent-ils être disposés

Quelle est la différence entre la classe et l'identifiant lors du marquage Éléments HTML

Comment obtenir l'effet de cliquer sur le texte du bouton dans une zone de saisie et de cliquer sur Enregistrer pour le transformer en texte

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!