这篇文章给大家介绍JavaScript中怎么实现DIV圆角，内容非常详细，感兴趣的小伙伴们可以参考借鉴，希望对大家能有所帮助。
简易实现DIV圆角的JavaScript代码
代码:
<scripttypescripttype="text/javascript"src="rounded_corners.js">
◆然后创造一个DIV。如果您已有DIV使用圆角,只要给这个DIV一个id就可以.
代码:
<DIVidDIVid="myDiv">
◆***我们需要添加一段javascript来预载。在您的网页的顶头部分增加一些代码。
其中,radius表示半径,数值越大,圆角就越大.
◆运行
如果你想搞成奇形怪状的圆角,你可以设置每个角都不同的半径.
例如:
以下是引用片段：
settings={ tl:{radius:20}, tr:{radius:40}, bl:{radius:60}, br:{radius:80}, antiAlias:true, autoPad:false }或者:
settings={ tl:{radius:20}, tr:false, bl:false, br:{radius:80}, antiAlias:true, autoPad:false }提示:tl-左上角tr=右上角bl=左下角br=右下角
关于JavaScript中怎么实现DIV圆角就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
