个人中心
gpt4 book ai didi

css - 我怎样才能在我的 table 上有一个圆 Angular 边框和边框折叠 : collapse?

转载 作者：技术小花猫 更新时间：2023-10-29 10:56:35 26 4
gpt4 key购买 nike

我有以下内容:

<TABLE style="border-radius: 5px; border: 1px solid #999; xborder-collapse: collapse;">
  <THEAD>
    <TR style="background-color: red;">
      <TH>Weekday</TH>
      <TH>Date</TH>
      <TH>Manager</TH>
      <TH>Qty</TH>
    </TR>
  </THEAD>
  <TBODY>
    <TR>
      <TD>Mon</TD>
      <TD>09/11</TD>
      <TD>Kelsey</TD>
      <TD>639</TD>
    </TR>
    <TR>
      <TD>Tue</TD>
      <TD>09/12</TD>
      <TD>Lindsey</TD>
      <TD>596</TD>
    </TR>
    <TR>
      <TD>Sun</TD>
      <TD>09/17</TD>
      <TD>Susan</TD>
      <TD>272</TD>
    </TR>
  </TBODY>
</TABLE>

Example

我想要圆形边框，单元格之间没有空间，我的表格的顶部标题区域也有不同的颜色。但这似乎不起作用。

我创建了这个 fiddle 。当我注释掉 border-collapse 时，我得到的是圆边，但单元格之间有空格。当它进入时，我没有边界半径，单元格之间也没有空间。

更新:

这似乎是完美的解决方案:Fiddle

26 4 0
文章推荐： css - wp_enqueue_style 和 rel 除了样式表？
文章推荐： ios - 在 1 到 100 的范围内将 UISlider 递增 1
文章推荐： iphone - iOS:带有按钮图像的导航栏
文章推荐： CSS 重置 : font-size: 100%; Why?