html - css border not showing but css is applied -


i'm trying apply border tr's in thead.

css(stylus):

table     thead         tr           border: solid #000;           border-width: 0 10px; 

according chrome styles applied, border doesn't show up: enter image description here

tr need table have border-collapse: collapse border work

table.first {      border-collapse: separate;     /*  property default  */  }  table.second {      border-collapse: collapse;  }    table thead tr {      border-bottom: 2px solid gray;  }    /*  demo  */  div {    margin: 25px 20px 10px;    text-decoration: underline;  }
<div>this table's tr (in thead) has no border</div>    <table class="first">    <thead>      <tr>        <td>left head</td>        <td>right head</td>      </tr>    </thead>    <tbody>      <tr>        <td>left</td>        <td>right</td>      </tr>    </tbody>  </table>    <div>this table's tr (in thead) has border</div>    <table class="second">    <thead>      <tr>        <td>left head</td>        <td>right head</td>      </tr>    </thead>    <tbody>      <tr>        <td>left</td>        <td>right</td>      </tr>    </tbody>  </table>


Comments

Popular posts from this blog

php - How to display all orders for a single product showing the most recent first? Woocommerce -

asp.net - How to correctly use QUERY_STRING in ISAPI rewrite? -

angularjs - How restrict admin panel using in backend laravel and admin panel on angular? -