dedecms设置圆角边框

考虑前台页面的美观效果，可能会采用大量的图片来实现圆角边框的问题，在dedecms中 可以用，js+css在解决浏览器兼容问题上实现圆角效果！

在需要实现圆角的页面中引入CurvyCorners.js（一个JS圆角库），并使用addEvent函数：
    <script type="text/javascript" src="curvycorners.js"></script>
    <script type="text/JavaScript">
    addEvent(window, 'load', initCorners);
    function initCorners() {
    var setting = {
    tl: { radius: 12 },  //左上角(top-left)
    tr: { radius: 12 },  //右上角(top-right)
    bl: { radius: 12 },  //左下角(bottom-left)
    br: { radius: 12 },  //右下角(bottom-right)
    antiAlias: true
    }
    curvyCorners(setting, ".yuanjiao");
    }
    </script>
    然后页面中的css样式：
    <style>
    .roundcorner
    {
     width: 220px;
     height:120px;
     padding: 10px;
     background-color: #DDEEF6;
     border:1px solid #DDEEF6;   
     -webkit-border-radius: 12px;
     -moz-border-radius: 12px;
    }   
    </style>
    最后在页面中引用 roundcorner 样式：

    <div class=" roundcorner ">内容  </div>
    这样dedecms-CSS3圆角兼容所有的浏览器就可以实现了，在各个浏览器上均能实现该效果