zl程序教程

您现在的位置是:首页 >  Javascript

当前栏目

jquery如何让div变成圆形

2023-02-19 12:17:37 时间

在jquery中,可以通过css()方法设置div的css样式,从而将div变为圆形。下面小编举例讲解jquery如何让div变成圆形。

jquery如何让div变成圆形

工具/原料

  • jquery+html
  • 代码编辑器:zend studio 10.0

方法/步骤

  1.  

    新建一个html文件,命名为test.html,用于讲解jquery如何让div变成圆形。

    jquery如何让div变成圆形
  2.  

    在test.html文件内,使用div创建一个模块,并设置其class为ijk。

    jquery如何让div变成圆形
  3.  

    在css标签内,通过class设置div的样式,定义它的宽度为100px,高度为100px,背景色为红色。

    jquery如何让div变成圆形
  4.  

    在js标签内,使用ready()方法在页面加载完成时执行function方法。

    jquery如何让div变成圆形
  5.  

    在function方法内,通过class获得div标签对象,使用css方法将border-radius设置为100%,便可以实现圆形。

    jquery如何让div变成圆形
  6. 6

    在浏览器打开test.html文件,查看实现的效果。

    jquery如何让div变成圆形