圆角按钮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 = “按钮”

再见绘制一个超链接！