我如何添加圆角到GridView表在我的.net代码

本文关键字：GridView 我的 代码 net 圆角 何添加 添加 | 更新日期: 2023-09-27 17:53:47

我已经尝试添加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和表太。但还是失败了

我如何添加圆角到GridView表在我的.net代码

将<asp:GridView>包裹在div中，然后将圆角放置在该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;
}

您应该将样式元素包装在style=""元素中。如下: <table style="border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;">

但是最好只在第一行和最后一行设置border-radius。

无论如何，这里有几个选项:http://jsfiddle.net/wMGnq/

哦，还要确保border-collapse没有设置为collapse!参见:https://developer.mozilla.org/en/CSS/border-radius

我没有看到一个问题，只是给你的表类和添加以下css:

.bordered {
    border: 1px solid #CCCCCC;
    border-radius: 6px;
}
相关文章：