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

html définir le style de bordure du tableau

不言
不言original
2018-04-21 15:33:395826parcourir

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>

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!

Déclaration:
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