Talk in computer language.: Create stylish box using CSS

Saturday, February 18, 2012

Create stylish Rounded corner box using CSS

Step 1) Download below images and put it in your solution of visual studio.

Step 2) Add below code in your ASP.Net page

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="csstest.aspx.cs" Inherits="csstest" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<title>Untitled Page</title>

.bl {background: url(bl.gif) 0 100% no-repeat #e68200; width: 20em}

.br {background: url(br.gif) 100% 100% no-repeat}

.tl {background: url(tl.gif) 0 0 no-repeat}

.tr {background: url(tr.gif) 100% 0 no-repeat; padding:10px}

.clear {font-size: 1px; height: 1px}

</style>

</head>

<body>

<div>

This is the stylish box created by CSS.

Created by sourav kayal.

</div></div></div></div>

</div>

</form>

</body>

</html>