dede图片样式显示圆角，静态的用样式border-radius就可以，动态的怎么做，还是加js特效？

JavaScript033

dede图片样式显示圆角，静态的用样式border-radius就可以，动态的怎么做，还是加js特效？,第1张

其实能用css写的，都可以用js写，js通过事件去设置border-radius的css属性就可以了。

<div id="div" style="width: 200pxheight: 200pxborder: 1px solid redborder-radius: "></div>

<button id="btn">按钮</button>

<script>

    window.onload= function () {

        document.getElementById('btn').onclick=function(){

            document.getElementById('div').style.borderRadius='40px'

        }

    }

</script>

点击按钮就可以设置边框为圆角，

嗯。用CSS3 可以实现盒子模型的圆角。例如（border-radius: 8px表示8px 圆角半径）至于图片的话，要JS/JQ处理了。

-webkit-border-radius: 8px

-moz-border-radius: 8px

border-radius: 8px

各浏览器兼容、 CSS3 盒子圆角。