Maison > interface Web > tutoriel HTML > Comment créer des bordures d'affichage de tableau

Comment créer des bordures d'affichage de tableau

php中世界最好的语言
Libérer: 2018-01-23 11:13:36
original
4819 Les gens l'ont consulté

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

Affiche uniquement la bordure inférieure< table frame =below>

Afficher uniquement les bordures gauche et droite

Afficher uniquement les bordures supérieure et inférieure

Afficher uniquement la gauche Bordure

Seule la bordure droite est affichée

Aucune bordure n'est affichée

<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>
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal