我正在使用这样的表:
<table class="table table-hover table-bordered">
该表创建在所有四个侧面都具有边框的单元格。我要删除左边框和右边框,但保持顶部和底部。
我试过了:
.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-right:none;
border-left: none;
border-bottom: 1px solid red;
}
但是,这不会删除左边界或右边界,但会应用红色的底边框,因此我知道它至少正在处理此CSS,但对删除边界没有任何作用。
有任何想法吗?
更改此: <table class="table table-hover table-bordered">
对此: <table class="table table-hover">
然后添加此css:
.table {
border: 1px solid #dddddd;
}
但是,如果您要按照自己的方式进行操作,则CSS是:
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
border: 1px solid #dddddd;
border-right-width:0px;
border-left-width:0px;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句