4

私が取り組んでいる新しいプロジェクトがあり、Bootstrap 3.0 を使用しています。

クラス「テーブル」を持つテーブルがあります(それ以上はありません)。DOMにtheadとtbodyがあります。tbody には境界線はありませんが、head には小さな白い (またはほとんど白い) 境界線があり、私の人生では、それを取り除くことはできません。

テーブルがある Web サイトは次のとおりです。 http://majornoob.com/dev/mcsr/

私の質問を解決するのにもっと役立つことができれば、喜んで投稿を編集します。

編集

境界線を削除するだけで、他に何も変更していないため、受け入れられた回答の修正版を次に示します。

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

2 に答える 2

10

はい、この境界線を削除できます:

cssファイルで見ることができます:

ブートストラップでは、次の CSS For set border-bottomon table head 要素があります。

.table thead>tr>th {
   vertical-align: bottom;
   border-bottom: 2px solid hsl(0, 0%, 87%);
}

border-topそして、テーブルの行要素に設定するための次の CSS :

.table thead>tr>th,.table tbody>tr>th,.table tfoot>tr>th,.table thead>tr>td,.table tbody>tr>td,.table tfoot>tr>td{
   padding:8px;
   line-height:1.428571429;
   vertical-align:top;
   border-top:1px solid #ddd
}

この 2 つのボーダー スタイルを削除することで、簡単に成功と目的を達成できます。

于 2013-10-12T07:52:07.353 に答える
4

ここに境界があります:

.table thead>tr>th {
vertical-align: bottom;
border-bottom: 2px solid #ddd;
}

好きなように編集できます。



アップデート:

このクラスも編集します。

.table thead>tr>th, .table tbody>tr>th, .table tfoot>tr>th, .table thead>tr>td, .table tbody>tr>td, .table tfoot>tr>td {
padding: 8px;
line-height: 1.428571429;
vertical-align: top;
border-top: 1px solid #ddd;
于 2013-10-12T07:42:34.880 に答える