Ajax Toolkit 控制項學習系列(15) ——RoundedCornersExtender

• 　RoundedCornersExtender 可以使Panel變得周圍圓角的，可以定義panel外圍的顏色，底色，還有具體是那個角是圓的，通過參數可以隨意的制定。
• 　還是先看效果吧。

　　　

　　

• 幾點說明：

1. TargetContolID：不用說了，控制那個Panel就使用那個。
2. Radius ：圓角的半徑。
3. BorderColor：外圍的那個顏色。
4. Color，這個RoundedConersExtender的顏色。它是在Panel後面的。
5. Corners：如果沒有指定的話。就是四個角都會變圓的。但是如果需要的話，可以制定任意的1，2，等等。比如我的圖示中，BottomRight 就是底下右邊的。如果需要下面的兩個呢。直接參數是Bottom

• 參考代碼如下。

Code
        <asp:UpdatePanel ID="updatePanel1" runat="server">
<ContentTemplate>
<asp:Panel ID="panel" runat="server" CssClass="panel">
                    blabla
<br />
                    blabla
</asp:Panel>
<ajax:RoundedCornersExtender ID="rce" runat="server" Color="Blue" TargetControlID="panel"
                    Radius="10" Corners ="BottomRight" BorderColor = "Crimson" >
</ajax:RoundedCornersExtender>
</ContentTemplate>
</asp:UpdatePanel>