tableの属性border=”1″と同じことをcssで行う方法

        <table border="1">
            <caption>table1</caption>
            <tr>
                <td>
                    <div>11111</div>
                </td>
                <td>
                    <div>22222</div>
                </td>
            </tr>
            <tr>
                <td>
                    <div>33333</div>
                </td>
                <td>
                    <div>44444</div>
                </td>
            </tr>
        </table>

        <table id="tbl2">
            <caption>table2</caption>
            <tr>
                <td>
                    <div>11111</div>
                </td>
                <td>
                    <div>22222</div>
                </td>
            </tr>
            <tr>
                <td>
                    <div>33333</div>
                </td>
                <td>
                    <div>44444</div>
                </td>
            </tr>
        </table>

    <style>
        #tbl2{
            border-left: solid 1px gray;
            border-top: solid 1px gray;
            border-right: solid 1px black;
            border-bottom: solid 1px black;
            border-collapse: separate;
            border-spacing: 2px;
        }
        #tbl2 td{
            border-left: solid 1px black;
            border-top: solid 1px black;
            border-right: solid 1px gray;
            border-bottom: solid 1px gray;
        }
    </style>