圆角TD不工作

时间:2015-08-10 08:21:46

标签: html css

圆形css的代码下面不知道为什么它不起作用

如果给出它仅适用于背景颜色;  但不是边界

边界代码在同一行 style=" border : 1px solid #D6D6D6; 和下面的圆形css

.Round {
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
}
<table border="1" width="100%" height="100%" style="border-collapse:collapse; position: fixed; top: 0;      right: 0;     left: 0;">
  <tr height="20%" style="background-color:#3D4552;">
    <th colspan="3" class="shadow">
      <asp:Panel ID="Panel2" runat="server" style="top: 15px; left: 92px; position: absolute; height: 55px; width: 10%;">
        <asp:Image ID="Image1" ImageUrl="~/Images/CasePROLogoweb.jpg" runat="server" />
      </asp:Panel>


    </th>
  </tr>
  <tr height="10%">
    <td colspan="3"></td>
  </tr>
  <tr height="45%">
    <td width="30%"></td>
    <td width="40%" style=" border :  1px  solid  #D6D6D6; " class="Round">' Here is the class for round
    </td>
    <td width="30%"></td>
  </tr>
  <tr height="25%">
    <td colspan="3" colspan="8" align="center" style="font-family: Calibri; font-size: 40pt; color: #FFFFFF">
    </td>
  </tr>
</table>

1 个答案:

答案 0 :(得分:0)

您需要将表格上的边框折叠设置为单独,将边框设置为0(以便实际正确查看)

yourText = yourText.Replace("+", "+-");