向GridView添加圓角？

我想讓我的GridView彎曲的角落。我試過THIS，但它給了一個向右邊伸展的邊界。如果我可以製作GridView曲線的每個單元格（如果它不太難實現的話），它也會很棒。這是我的GridView：向GridView添加圓角？

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" 
         onrowdatabound="GridView1_RowDataBound" BackColor="White" 
         BorderColor="#CCCCCC" BorderStyle="None" BorderWidth="1px" CellPadding="3" > 
....something... </asp:GridView>

來源

2013-04-17 Arbaaz

這個工作就像一個魅力.... http://www.aspforums.net/Threads/749379/How-to-give-GridView-rounded-corners/Replies/1#Replies

來源

2013-04-17 13:27:56 Arbaaz

這裏有三種方法都涉及到樣式表。

.GridView1 { 
-moz-border-radius: 15px; 
border-radius: 15px; 
}

對CSS

或你的對象

style= "-moz-border-radius: 15px;border-radius: 15px;"

或jQuery的

$("#GridView1").css("border-radius","15px").css("-moz-border-radius","15px");

來源

2013-04-17 12:58:39 Pinch

這是我得到 http://snag.gy/bHyxo.jpg – Arbaaz

應用該樣式到你的是標籤 – Pinch

謝謝你，我+1發現另一種方式來做到這一點，我已經發布它作爲答案。 – Arbaaz

我得到它的工作槽此鏈接：click me

乘坐看看吧:)

親切的問候

來源

2013-04-17 13:00:50 DiederikEEn

把一個CssClass="round"在GridView1

.round 
{ 
border: 1px solid black; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
border-radius: 5px; 
}

來源

2013-04-17 13:01:43

嗨，你可以通過使用CSS

<div class="corners"> 
<asp:GridView> </asp:GridView> 
</div>

和CSS嘗試

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

來源

2013-04-17 13:03:24 Nag

向GridView添加圓角？

回答

相關問題