title: Make the corners of asp.net Button Control Rounded
body: <p>In my custom webpart I am using few buttons and would like to make their corners rounded. </p>
  
  <p>Below is one of my button in the ascx file:    </p>
  
  <pre><code> &lt;style type="text/css"&gt;
     {
     .BtnStyle
     {
      border: thin ridge #FF0000; 
      background-color: #C0C0C0; 
      font-family: verdana; 
      font-size: 8pt; 
      font-weight: bold; 
      color: #FF0000;
      border-top-left-radius: 10px 5px; --- did not work 
      border-bottom-right-radius: 10% 5%; --did not work 
      border-top-right-radius: 10px; -- did not work 
      -moz-border-radius: 15px; --- did not work 
      -webkit-border-radius: 15px; --- did not work 
      border-radius: 15px; --- did not work and gives an error saying not a valid CSS property
  
  }
  }
  
  &lt;table width="500px"&gt;
  &lt;tr&gt;
  &lt;td align="right"  &gt;
  &lt;table width="60%"&gt;
  &lt;tr&gt;
      &lt;td  valign="middle" align="right"&gt;
          &lt;asp:Button ID="bttn1" runat="server" onclick="bttn1_Click" 
              Text="Delete" CssClass="BtnStyle" /&gt;
      &lt;/td&gt;
  </code></pre>
  
  <p>Nothing worked. Please provide me CSS code that helps me making the corners rounded.</p>