<!DOCTYPE HTML>
<head>
<title> test </title>
<!-- 引用jquery文件和jquery的roundcorner效果的文件-->
<script src="http://code.jquery.com/jquery-1.7.2.min.js";></script>
<!-- js下载地址http://download.csdn.net/download/drizzle1112/1881005 ;-->
<script src="jquery.corner.js"></script>
<style type="text/css">
#mainSection{position:absolute; left:20%; top:20%; width:50%; height:60%; background:green; }
body{margin:0px; height:900px;
filter:progid:DXImageTransform.microsoft.gradient(gradientType=0, startColorStr=#aaaaaa, endColorStr=#dfd9b9); }
</style>
<script>
$(document).ready(function(){ $("#mainSection").corner("20px");} );
</script>
</head>
<body>
<div id="mainSection"></div>
</body>
</html>