c# - 如何在我的 .net 代码中向 GridView 表格添加圆 Angular ？

Question

我尝试将 webkit 边框半径/moz 边框半径/边框半径添加到 css 定义和 .net 定义中，但无济于事。帮助!

<tr>
    <td width="60%" align="center">
        <asp:GridView ID="GridView_VE" runat="server" CssClass="table1" HorizontalAlign="Center" Width="80%"   
        OnPageIndexChanging="GridView_VE_PageIndexChanging" Font-Names="Century Gothic" Font-Size="Large" Height="100%"
        AllowPaging="True" PageSize="4" RowStyle-Height="30px" -webkit-border-radius= "10px" -moz-border-radius="10px"
        border-radius="10px" border="2px" border-color="Black">
            <Columns>
            ...
            </Columns>
            <PagerStyle Height="20px" />
            <RowStyle Wrap="True" />
         </asp:GridView>
    </td>
</tr>

我也尝试过为 td 、 tr 和 table 实现 Angular 。但还是失败了。

Answer 1

包装<asp:GridView>在一个 div 中，然后将圆 Angular 放在该 div 上。

<div class="rounded-corners">
    <asp:GridView>....</asp:GridView>
</div>

和 CSS

.rounded-corners {
  border: 1px solid black;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  overflow: hidden;
}