Pages

Friday 7 June 2013

How TO Make Rounded Corner CSS for DIV without Images in C# Asp.Net

How TO Make Rounded Corner CSS for DIV without Images in C# Asp.Net


Program:

.Aspx File:


<html>
<head>
<title>Rounded Corner DIV </title>
<style type="text/css">

#samplecss
{
    width:200px;
background-color:#FDEAEB;
border: 2px solid #E2C7C8;
padding: 5px;
text-align:center;
 border-radius: 10px; /*To make the corners rounded in IE*/
-moz-border-radius: 10px;/*this is for mozilla*/
-webkit-border-radius: 10px; /*chrome and other browsers*/
}
</style>
</head>
<body>
<table>
<tr>
<td>
<div id="samplecss">
<h4>DIV1 Example</h4>
</div>
</td>
<td>
<div id="samplecss">
<h4>DIV2 Example</h4>
</div>
</td>
<td>
<div id="samplecss">
<h4>DIV3 Example</h4>
</div>
</td>
</tr>
</table>
</body>
</html>

Live Demo:

Rounded Corner DIV

DIV1 Example

DIV2 Example

DIV3 Example

No comments:

Post a Comment