真爱无限的知识驿站

 页面html：

<div id="testdiv" class="demo" style="width:200px;height:150px;border-width:1px;border-style:solid;border-color:Blue;">
<p>corner ajdhsfa sfg safhjjkjksjk</p>
</div>

<div id="toprint">123132131<br/>afasfasfsdafsa<br/>adsfasfsafsfs9999</div>

样式：

    <style type="text/css">
        div.demo, div.inner { color: #000; text-align: center; font-family: verdana, arial, sans-serif;}
div.demo  {  width: 18em; padding: 1px; margin: 1px; background: #6af; }
    </style>

js代码：

    <script type="text/javascript" src="Scripts/jquery-1.4.1.min.js"></script>
    <script src="Scripts/jquery.PrintArea.js" type="text/javascript"></script>
    <script src="Scripts/jquery.corner.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $("#testdiv").corner("bevelfold right");//div圆角  更多内容参考：http://jquery.malsup.com/corner/
            $("div#toprint").printArea();//打印div内容 
        })
    </script>

用到的js文件下载： jquery_printArea_corner.zip