如何设置边框半径到表边框？

Question

＆＃13;

＆＃13;

table {
  width:100%;
}

table, td, tr {
  border: 1px #000000 solid;
  border-collapse: collapse;
  border-radius: 10px;
}

tr {
  height:50px;
}

.price {
  width: 65%;
  text-align: center;
  background-color: #000000;
  color: #ffffff;
  font-size: 1.5em;
  border-color: #c0c0c0;
  border-radius: 10px;
}

.buy {
  width:35%;
  text-align: center;
  background-color: red;
  color: #ffffff;
  border-color: #c0c0c0;

}

＆＃13;

<table>
          <tr>
            <td class="price">$180</td>
            <td class="buy">Buy</td>
          </tr>
          <tr>
            <td class="price">$180</td>
            <td class="buy">Buy</td>
          </tr>
          <tr>
            <td class="price">$180</td>
            <td class="buy">Buy</td>
          </tr>
        </table>

＆＃13;

＆＃13;

＆＃13;

我尝试将border-radius设置为我的＆＃34; td＆＃34;但没有工作。

我想要的是左右两侧的边界是半径。

有什么方法可以做到吗？

Answer 1

以下是jsfiddle：

<input type="hidden" name="notifyurl"alue="http://www.example.com/ipn_listener.php">