Html 如何将半径添加到<；thead>；自举

我试图在引导中为标记添加一些半径。但我尝试了所有的方法，但我无法添加。如果你想要更多的细节，请让我知道你想了解什么。顺便说一句，我试图在

内的

标记中添加半径，但效果不太好。这是我的密码：

HTML

---

您不能将

边界半径直接应用于
thead
。您可以将其应用于第一个和最后一个
th
，以获得相同的效果


thead th{
背景色：#E0；
}
泰德：第一个孩子{
边界半径：100px 0 100px；
}
泰德：最后一个孩子{
边界半径：0 100px 100px 0；
}
/*从…中删除边框*/
/* !重要信息仅在堆栈代码段中需要，在生产代码中可能不需要*/
.table>thead>tr>th{
边界：没有！重要；
}
/*从第一行删除边框*/
.table>tbody>tr:first child>td，
.table>tbody>tr:first child>th{
边界顶部：无；
}

Sıra
İsim
Altın
1.
正义
123123
2.
正义
123123
3.
正义
124123123
1.
正义
123123
2.
正义
123123
3.
正义
124123123
1.
正义
123123
2.
正义
123123
3.
正义
124123123
3.
正义
124123123
您不能将
边界半径直接应用于
thead
。您可以将其应用于第一个和最后一个
th
，以获得相同的效果


thead th{
背景色：#E0；
}
泰德：第一个孩子{
边界半径：100px 0 100px；
}
泰德：最后一个孩子{
边界半径：0 100px 100px 0；
}
/*从…中删除边框*/
/* !重要信息仅在堆栈代码段中需要，在生产代码中可能不需要*/
.table>thead>tr>th{
边界：没有！重要；
}
/*从第一行删除边框*/
.table>tbody>tr:first child>td，
.table>tbody>tr:first child>th{
边界顶部：无；
}

Sıra
İsim
Altın
1.
正义
123123
2.
正义
123123
3.
正义
124123123
1.
正义
123123
2.
正义
123123
3.
正义
124123123
1.
正义
123123
2.
正义
123123
3.
正义
124123123
3.
正义
124123123
根据@Turnip的答案，你可以做如下事情：

查看CSS部分中的“表边框修复”



thead th{
背景色：#E0；
}
泰德：第一个孩子{
边界半径：100px 0 100px；
}
泰德：最后一个孩子{
边界半径：0 100px 100px 0；
}
/**边界修正**/
表th{
边界：没有！重要；
}
表td{
边界：没有！重要；
}

Sıra
İsim
Altın
1.
正义
123123
2.
正义
123123
3.
正义
124123123
1.
正义
123123
2.
正义
123123
3.
正义
124123123
1.
正义
123123
2.
正义
123123
3.
正义
124123123
3.
正义
124123123
根据@Turnip的答案，你可以做如下事情：

查看CSS部分中的“表边框修复”



thead th{
背景色：#E0；
}
泰德：第一个孩子{
边界半径：100px 0 100px；
}
泰德：最后一个孩子{
边界半径：0 100px 100px 0；
}
/**边界修正**/
表th{
边界：没有！重要；
}
表td{
边界：没有！重要；
}

Sıra
İsim
Altın
1.
正义
123123
2.
正义
123123
3.
正义
124123123
1.
正义
123123
2.
正义
123123
3.
正义
124123123
1.
正义
123123
2.
正义
123123
3.
正义
124123123
3.
正义
124123123
您甚至可以通过向tr添加类来尝试这样添加，如下所示。实际上，可以添加AD的背景色，但是使用旧方法bgcolor，这在使用css3时不起作用

<thead>
<tr class="brd">
  <th>Sıra</th>
  <th>İsim</th>
  <th>Altın</th>
</tr>
</thead>

.brd{
background-color:#ccc;
}
.brd > th:nth-child(1){
background:#ccc;
border-radius:30px 0px 0px 30px;
}
.brd > th:nth-child(3){
background:#ccc;
border-radius:0px 30px 30px 0px;
}
tbody{
border-top:3px solid #fff;
}


Sıra
İsim
Altın
布莱德先生{
背景色：#ccc；
}
.brd>th:n个孩子（1）{
背景：#ccc；
边界半径：30px 0px 0px 30px；
}
.brd>th:n个孩子（3）{
背景：#ccc；
边界半径：0px 30px 30px 0px；
}
t车身{
边框顶部：3倍纯色#fff；
}

使用tbody，我可以将灰色边框更改为白色。
您甚至可以通过向tr添加类来尝试这样添加，如下所示。实际上，可以添加AD的背景色，但是使用旧方法bgcolor，这在使用css3时不起作用

<thead>
<tr class="brd">
  <th>Sıra</th>
  <th>İsim</th>
  <th>Altın</th>
</tr>
</thead>

.brd{
background-color:#ccc;
}
.brd > th:nth-child(1){
background:#ccc;
border-radius:30px 0px 0px 30px;
}
.brd > th:nth-child(3){
background:#ccc;
border-radius:0px 30px 30px 0px;
}
tbody{
border-top:3px solid #fff;
}


Sıra
İsim
Altın
布莱德先生{
背景色：#ccc；
}
.brd>th:n个孩子（1）{
背景：#ccc；
边界半径：30px 0px 0px 30px；
}
.brd>th:n个孩子（3）{
背景：#ccc；
边界半径：0px
<thead>
<tr class="brd">
  <th>Sıra</th>
  <th>İsim</th>
  <th>Altın</th>
</tr>
</thead>

.brd{
background-color:#ccc;
}
.brd > th:nth-child(1){
background:#ccc;
border-radius:30px 0px 0px 30px;
}
.brd > th:nth-child(3){
background:#ccc;
border-radius:0px 30px 30px 0px;
}
tbody{
border-top:3px solid #fff;
}