Maison > interface Web > tutoriel HTML > html définir le style de bordure du tableau

html définir le style de bordure du tableau

不言
Libérer: 2018-04-21 15:33:39
original
5861 Les gens l'ont consulté

Cet article explique comment définir le style de bordure de tableau en HTML, qui a une certaine valeur de référence. Maintenant, je le partage avec tout le monde. Les amis dans le besoin peuvent s'y référer

                                                     html设置表格边框样式
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>设置表格边框样式</title>
    <style>
        .border_distance{
            border-collapse: collapse;  /**设置小表格之间的间距为0*/
            border-right:1px solid red;
            border-top:1px solid red;
        }
        .border_distance tr td{
            border-left:1px solid green;
            border-bottom:1px solid green;
        }
    </style>
</head>
<body>
    <table class="border_distance">
        <tr>
            <td>科目</td>
            <td>分数</td>
        </tr>
        <tr>
            <td>语文</td>
            <td>92</td>
        </tr>
        <tr>
            <td>数学</td>
            <td>99</td>
        </tr>
        <tr>
            <td>英语</td>
            <td>59</td>
        </tr>
    </table>
</body>
</html>
Copier après la connexion

Recommandations associées :

HTML définit la couleur de la police du lien hypertexte et la couleur de la police après avoir cliqué

html définit ou renvoie la propriété fillStyle du dégradé de couleur ou du motif utilisé pour remplir le tableau

Exemple d'iframe chargeant les paramètres HTML pour le cadre flottant HTML

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
Article précédent:HTML implémente le remplacement de l'image d'arrière-plan Article suivant:Déplacer le texte HTML vers la gauche et la droite
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