HTMLの枠線が隠れない

Question

私は一連のテーブルを持っていますが、私は境界線を隠すようにしていますが、それらを消してしまうようには見えません。

table { 
 
    display: table; 
 
    width: 100%; 
 
    border-collapse: collapse; 
 
    border-spacing: 0; 
 
    border: 0px; 
 
    outline: none; 
 
} 
 

 
th, 
 
td { 
 
    padding: 5px 10px; 
 
    border: 0px; 
 
    font-weight: 400; 
 
    text-align: left; 
 
    outline: none; 
 
    border-collapse: collapse; 
 
}

<table style="width: 100%"> 
 
    <tr> 
 
    <th>Part 1 </th> 
 
    </tr> 
 
    <tr> 
 
    <td style="width: 80%"> 
 
     <ul> 
 
     <li style="text-align: left;">Summary</li> 
 
     <li style="text-align: left;">Target</li> 
 
     <li style="text-align: left;">Material</li> 
 
     </ul> 
 
    </td> 
 
    <td>test</td> 
 
    </tr> 
 
</table>

私は自分のブラウザに表示されているもののスクリーンショットを追加しました。

Answer 1

この回答はバグではDreamweaverのPreview In Browser機能であることがあるように思われます。この機能を使用すると、元の投稿で提供した画像のように見えます。 Google Chromeで直接ページを開くと、枠が実際に隠されています。

Answer 2

はちょうどこのよう!important

を使用してみてください：

border: 0px !important