Css 如何画圆

我有以下表格：

   <table>
     <tr role="row" class="even">
        <td>Other Color</td>
        <td class="Green">Green<td/>
     </tr>
    </table>

我需要为单元格绘制边框，但这样做是围绕圆绘制边框，而不是单元格。
有小费吗

像这样的

.green:之后{
内容：“；
边界半径：50%；
宽度：50px；
高度：50px；
显示：内联块；
背景：绿色！重要；
垂直对齐：中间对齐；
}
格林先生{
字号：0；
}
运输署{
边框：3倍实心#000；
}

其他颜色
绿色

像这样的东西

.green:之后{
内容：“；
边界半径：50%；
宽度：50px；
高度：50px；
显示：内联块；
背景：绿色！重要；
垂直对齐：中间对齐；
}
格林先生{
字号：0；
}
运输署{
边框：3倍实心#000；
}

其他颜色
绿色

css：

您的html包含一个小错误，您的html是：

，但正确的格式是：

您的html包含一个小错误，您的html是：

---

，但正确的格式是：

好吧，单元格就是圆，那么你还期待什么：）在

td

中放入另一个元素，如果你不想让单元格变成圆，就把它变成圆。好吧，单元格就是圆，那么您还期望什么：）在

td

中放置另一个元素，如果您不希望单元格成为圆，则将其设为圆。

.Green{
    font-size:0px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display:inline-block;
    background: green!important;
    border:solid black 3px;}
td {
   border:solid black 3px;}

.Green{
   border:solid green 3px;
   font-size:0px;
   border-radius: 50%;
   width: 50px;
   height: 50px;
   display:inline-block;
   background: green!important;  
}
td {
  border:solid black 3px;
}