HTML DOM中的style.borderRadius属性可以用来设置或检索元素的边框圆角。它可以将圆角应用于元素的上、右、下、左四个角，也可以将圆角应用于元素的所有角。
使用方法：
style.borderRadius="50px"; // 设置元素的所有角的圆角半径为50px style.borderRadius="50px 20px"; // 设置元素的上、右、下、左四个角的圆角半径分别为50px、20px style.borderRadius="50px 20px 30px 40px"; // 设置元素的上、右、下、左四个角的圆角半径分别为50px、20px、30px、40px
需要注意的是，style.borderRadius属性的值可以是四个参数，也可以是两个参数，也可以是一个参数。如果只有一个参数，则表示元素的所有角的圆角半径都是相同的；如果有两个参数，则表示元素的上、右、下、左四个角的圆角半径分别为前两个参数；如果有四个参数，则表示元素的上、右、下、左四个角的圆角半径分别为四个参数。
style.borderRadius属性的值可以是百分比，表示相对于元素的宽度或高度的百分比，也可以是具体的像素值。
- style.borderRadius="50px"：表示元素的所有角的圆角半径都是50px
- style.borderRadius="50px 20px"：表示元素的上、右、下、左四个角的圆角半径分别为50px、20px
- style.borderRadius="50px 20px 30px 40px"：表示元素的上、右、下、左四个角的圆角半径分别为50px、20px、30px、40px
- style.borderRadius="50% 20%"：表示元素的上、右、下、左四个角的圆角半径分别为元素宽度的50%、元素高度的20%