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

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

jsf - "PropertyNotWritableException: Illegal Syntax for Set Operation" error when setting value in bean -

laravel - Undefined property: Illuminate\Pagination\LengthAwarePaginator::$id (View: F:\project\resources\views\admin\carousels\index.blade.php) -