Ajax Rounded Corners control is a very good control to make rounded type shape. Here by using Corners property of Ajax Rounded Corner property we can design shape in many form.
Here is the ASPX code.
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs"
Inherits="_Default" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit"
TagPrefix="cc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server"><asp:ScriptManager runat="server" ID="Scrptman">
</asp:ScriptManager>
<div align="center">
<table width="50%" >
<tr align="center">
<td valign="middle"><asp:Panel BackColor="BlueViolet" Height="200px"
runat="server" ID="MainPanel" Width="100%" HorizontalAlign="Center">
<table align="center" style="height:100px;">
<tr>
<td align="center" valign="middle">
Asp.net Round Corner controls
</td></tr></table>
</asp:Panel>
</td></tr></table>
<cc1:RoundedCornersExtender Corners="All" Radius="6" TargetControlID="MainPanel"
ID="RoundedCornersExtender1" runat="server"></cc1:RoundedCornersExtender>
</div>
</form>
</body>
</html>
When I use Corners property "All" then
When I use Corners property ="Bottom" then
When I use Corners property ="Left" then
When I use Corners property ="Right" then