example.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
		<title>round corners example</title>


		<script type="text/javascript" src="jquery-1.2.1.js"></script>
		<script type="text/javascript" src="roundcorners.js"></script>
		<link type="text/css" rel="stylesheet" href="roundcorners.css"></link>
		<style type="text/css" media="screen">
			/* this rule added for visual example*/
			div.round {
				background-color: #dfa;
				padding: 4px;
			}
		</style>
	</head>
	<body>


<div class="round">
  <h2>Box with round corners</h2>
  <ul>
    <li>This box has round corners</li>
    <li>All that is added is <code>&lt;div <strong>class="round"</strong>&gt;</code></li>
    <li>See source of this file for example</li>
  </ul>
</div>

		<h2>More info</h2>
		<p>GitHub code repository: <a href="http://github.com/jesperronn/jquery-round-corners/tree/master">jquery-round-corners</a></p>
		<p>Created by Jesper Rønn-Jensen, 2008-05-26</p>
	</body>
</html>