Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何从引导表中删除边框?_Html_Twitter Bootstrap_Css_Html Table - Fatal编程技术网

Html 如何从引导表中删除边框?

Html 如何从引导表中删除边框?,html,twitter-bootstrap,css,html-table,Html,Twitter Bootstrap,Css,Html Table,你好,我正在尝试从我的表中删除边框 这是我的代码: <table class="table table-responsive" style="border:none"> <tr> <th>First name</th> <th>Last name </th> </tr> <tr> <td>Tima</t

你好,我正在尝试从我的表中删除边框

这是我的代码:

<table class="table table-responsive" style="border:none"> 
     <tr>
        <th>First name</th>
        <th>Last name </th>
     </tr> 
     <tr>
        <td>Tima</td>
        <td>Zahra</td>
     </tr> 
     <tr>
        <td>Emily</td>
        <td>SMITH</td>
     </tr> 
</table>

名字
姓
蒂玛
萨拉
艾米丽
史密斯

但它不起作用。请帮帮我!很抱歉我的英语不好,希望你能理解。

只需使用以下css即可:

.table thead tr th, .table tbody tr td {
    border: none;
}

只需在头部做以下改变

<style>
  .borderless tr, .borderless td, .borderless th {
    border: none !important;
   }
</style>

.无边界tr、.无边界td、.无边界th{
边界:没有!重要;
}
身体部位的这种变化:

<table class="table table-responsive borderless"> 
             <tr> <th>First name</th><th>Last name </th></tr> 
             <tr> <td>Tima</td> <td>Zahra</td> </tr> 
             <tr><td>Emily</td> <td>SMITH</td> </tr> 
</table>

姓
蒂玛·扎赫拉
艾米丽·史密斯

这将对你有帮助。谢谢:)

使用表格无边框引导类。请注意,我下面的表格有斑马条纹,但这是因为我想要它们,并且对表格边框没有影响。如果你也不想要条纹,只需去掉桌子上的条纹即可

<table class="table table-striped table-borderless">
<thead>
<tr>
<th scope="col">Pos</th>
<th scope="col">Name</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Adam</td>
</tr>
</tbody>
</table>

销售时点情报系统
名称
1.
亚当