從引導表中刪除邊框

我一直試圖擺脫文字之間的界限。我嘗試將邊框更改爲無，我也嘗試了文字修飾：無。兩者都不起作用。有人知道怎麼修這個東西嗎？從引導表中刪除邊框

.table { 
 
    font-size: 18px; 
 
    text-align: left; 
 
    text-decoration: none; 
 
}

<table class="table borderless"> 
 
    <thead> 
 
    <tr> 
 
     <th>Required and Nonrefundable Fee per Year</th> 
 
    </tr> 
 
    </thead> 
 
    <tbody> 
 
     <tr> 
 
     <td>Registration Fee: per child</td> 
 
     <td>NT$50,000</td> 
 
     </tr> 
 
     <tr> 
 
     <td>Student Accident Insurance Fee: per child</td> 
 
     <td>NT$800</td> 
 
     </tr> 
 
     <tr> 
 
     <td>Parent Association Member Fee: per family</td> 
 
     <td>NT$1,000</td> 
 
     </tr> 
 
    </tbody> 
 
</table>

來源

2017-07-13 Chicky Egg

也把你的HTML代碼。 – Dixit

使您的表格tr邊框爲無 – noobcode

嘗試添加tr，th，td {border：none; } to your css – PenAndPapers

我認爲這將工程..

.table>tbody>tr>td, 
.table>tbody>tr>th { 
    border-top: none; 
}

來源

2017-07-13 05:51:47 Raru

複製和過去它在你的樣式表。

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { 
padding: 8px; 
line-height: 1.42857143; 
vertical-align: top; 
border-top: 1px solid rgba(221, 221, 221, 0)!important;

}

.table>thead>tr>th { 
vertical-align: bottom; 
border-bottom: 2px solid rgba(221, 221, 221, 0)!important;

}

來源

2017-07-13 06:13:04

我複製你的代碼，並試圖改變，並得到你想要的。最後我能夠得到答案。

tr{ 
    border-top: hidden; 
}

告訴我，如果這是你想要的。

來源

2017-07-13 06:15:34

從引導表中刪除邊框

回答

相關問題