个人中心
gpt4 book ai didi

html - Bootstrap 表格图像作为边框

转载 作者：行者123 更新时间：2023-11-28 01:17:03 26 4
gpt4 key购买 nike

<分区>

我正在使用 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;
}

26 4 0
文章推荐： css - 数字出现在 RTL 中的内容 CSS 之前
文章推荐： html - 需要帮助将滚动条居中到页面顶部 anchor 链接
文章推荐： html - 为什么网页在 Ipad 4 和 Ipad mini 中显示不同？
文章推荐： javascript - jquery中的右偏移和下偏移
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com