4

css 定義と .net 定義の両方に webkit 境界半径 / moz 境界半径 / 境界半径 を追加しようとしましたが、役に立ちませんでした。ヘルプ！

<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 にもコーナーを実装してみました。でもまた失敗。

4

3 に答える 3

8

を div でラップし<asp:GridView>、丸みを帯びた角をその 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;
}
于 2013-01-16T12:43:13.587 に答える
1

スタイル要素を要素内にラップする必要があります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

于 2013-01-16T12:47:03.150 に答える
0

問題はありません。テーブル クラスを指定して、次の css を追加するだけです。

.bordered {
    border: 1px solid #CCCCCC;
    border-radius: 6px;
}
于 2013-01-16T13:07:12.603 に答える