圓角按鈕ASP.NET

Question

我想在我的asp.net應用程序中使用圓角按鈕。我們在ASP.NET 3.5中有什麼可以幫助我們製作圓角按鈕嗎？

Answer 1

如何將CSS樣式應用於按鈕？

Sample code, demo, tutorial at Oscar Alexander

使用代碼在那裏，你可以確保所有的按鈕得到準確的風格，只要你想。

Answer 2

這是我正在使用的控件和css。我的按鈕是方形的，但事實並非如此。你可以自己創建圓形的圖像。

<asp:LinkButton ID="lbtnSignIn" class="button" runat="server" OnClick="lbtnSignIn_Click"><span>Sign In</span></asp:LinkButton> 

.button 
{ 
    background: transparent url('../../Images/ButtonLeft.gif') no-repeat top left; 
    display: block; 
    float: left; 
    line-height: 11px; /* 21px (Button Background) = 5px (padding-top) + 11px (font-size) + 5px(padding-bottom) */ 
    height: 21px; /* Button Background Height */ 
    padding-left: 9px; 
    text-decoration: none; 
    font-weight: bold; 
    color: white; 
    font-size: 11px;  
} 

a:link.button, a:visited.button, a:active.button 
{ 
    color: white; 
    text-decoration: none; 
    margin-right: 10px; 
} 

a.button:hover 
{ 
    background-position: bottom left; 
} 

a.button span, a.button span 
{ 
    background: transparent url('../../Images/ButtonRight.gif') no-repeat top right;  
    display: block; 
    padding: 5px 9px 5px 0; /*Set 9px below to match value of 'padding-left' value above*/ 
} 

a.button:hover span 
{ 
    background-position: bottom right; 
    color: white; 
} 

Answer 3

你可以使用具有圓角擴展的AJAX控件工具包。我個人從未在項目中使用過它。我使用css3邊框半徑，讓IE用戶直接與方形邊框一起居住，直到他們的瀏覽器趕上（http://www.cssportal.com/css3-rounded-corner）

以下是控件擴展程序示例的鏈接。 http://www.asp.net/ajax/ajaxcontroltoolkit/Samples/RoundedCorners/RoundedCorners.aspx

Answer 4

由於p.cambell告訴你，在這個環節tecnique的偉大工程：http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html

但你有超鏈接服務器控件來代替你的「按鈕」服務器控件，這是因爲，在CSS是應用於「a」標籤。

因此，在Visual Studio中，而不是畫一個按鈕，用的CssClass = 「按鈕」

再見繪製一個超鏈接！