CSS table border-radius

Question

我有以下代码，如果边框被折叠，我怎样才能制作表格边框半径？

<table> 
    <thead> 
     <tr> 
      <th colspan="2">Head</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td>b1</td> 
      <td>b2</td> 
     </tr> 
     <tr> 
      <td>b3</td> 
      <td>b4</td> 
     </tr> 
    </tbody> 
</table> 

Answer 1

你的问题是一个小技巧，但总的来说border-radius只是一个边界属性，可以应用于任何接受边框的元素。见例如波纹管：

table{ 
 
    border: 1px solid red; 
 
    border-radius: 20px; 
 
} 
 

 
td{ 
 
    border: 1px solid green; 
 
    border-radius: 20px; 
 
}

<table> 
 
    <thead> 
 
     <tr> 
 
      <th colspan="2">Head</th> 
 
     </tr> 
 
    </thead> 
 
    <tbody> 
 
     <tr> 
 
      <td>b1</td> 
 
      <td>b2</td> 
 
     </tr> 
 
     <tr> 
 
      <td>b3</td> 
 
      <td>b4</td> 
 
     </tr> 
 
    </tbody> 
 
</table>