<分区>
我正在使用 Bootstrap 类 “table”,我想用图像替换默认边框。使用 Bootstrap 选择器,我可以隐藏默认边框并显示新边框 ( live preview )。当我尝试添加边框图像时,它没有出现 ( live preview 2 )。
我尝试过但没有帮助:
- 边框宽度
- 边框高度
- 边框:5px实心透明;边框图片
- 上边框:1px;
- 玩 !important
表格代码,其中未显示图像:
<table class="table">
<thead>
<tr>
<th width="16,666%">First</th>
<th width="33,333%">Second</th>
<th width="16,666%">Third</th>
<th width="16,666%">Fourth</th>
<th width="16,666%">Fifth</th>
</tr>
</thead>
<tbody>
<tr>
<td>Lorem</td>
<td>Ipsum</td>
<td>Dolor</td>
<td>Sit</td>
<td>Amet</td>
</tr>
<tr>
<td>Lorem</td>
<td>Ipsum</td>
<td>Dolor</td>
<td>Sit</td>
<td>Amet</td>
</tr>
<tbody>
</table>
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 {
border: none;
border-image: url('http://s24.postimg.org/4j8lmprz9/border.png') !important;
}
.table > thead > tr > th {
border: none;
border-image: url('http://s24.postimg.org/4j8lmprz9/border.png') !important;
}