Home > Article > Web Front-end > html set table border style

html set table border style

不言Original: 2018-04-21 15:33:395800browse

The content of this article is about setting the table border style in HTML, which has a certain reference value. Now I share it with everyone. Friends in need can refer to it

                                                     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>

Related recommendations:

HTMLSet the hyperlink font color and the font color after click

htmlSet or return the property fillStyle of the color gradient or pattern used to fill the painting

htmlSuspended frame iframe loading html settings usage example

The above is the detailed content of html set table border style. For more information, please follow other related articles on the PHP Chinese website!

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：HTML implements background image replacementNext article：HTML implements background image replacement

See more

html set table border style

Related articles