<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            table {
                border: solid;
                border-width: 5px;
                border-bottom-width: 10px;
                border-color: red;
                /*border-collapse: collapse;*/
                /*合并边框*/
                table-layout: fixed;
                border-spacing: 20px;
            }
            
            td {
                border: solid;
                border-width: 3px;
            }
            
            div {
                width: 1000px;
                height: 200px;
                border: solid;
                border-width: 10px;
            }
        </style>
    </head>
    <!--     
        描述：边框(table div body form)
        
        border : solid 实心线  double 双线  默认不显示
        border-width : 边框的宽度 各个方向的边框可以单独制定
            border-bottom-width
        border-color : 边框颜色
            border-top-color/border-bottom-colot ... 各个方向的边框可以单独制定
        border-spacing: 边框间距    
        table-layout ：设置单元格宽度  auto :自动拉伸
                                fixed:固定单元格宽度  
    -->

    <body>
        <table>
            <tr>
                <td>HTML</td>
                <td>CSSCSSCSSCSSCSSCSSCSSCSSCSSCSSCSSCSSCSSCSSCSSCSSCSSCSSCSSCSSCSSCSSCSSCSS</td>
                <td>JavaScript</td>
            </tr>
            <tr>
                <td>1.5天1.5天1.5天1.5天1.5天1.5天1.5天1.5天1.5天1.5天1.5天1.5天1.5天1.5天1.5天</td>
                <td>1天</td>
                <td>2.5天</td>
            </tr>
        </table>

        <div></div>

        <form></form>

    </body>

</html>