如何使用 JavaScript 一次性设置所有四个边框半径属性?
要使用 JavaScript 设置所有边框半径属性,请使用 borderRadius 属性。使用此属性一次性设置边框半径属性。
示例
你可以尝试运行以下代码来学习如何设置所有四个边框半径属性 −
<!DOCTYPE html> <html> <head> <style> #box { border: thick solid gray; width: 200px; height: 200px } </style> </head> <body> <div id="box">Demo Text</div> <br><br> <button type="button" onclick="display()">Add border radius</button> <script> function display() { document.getElementById("box").style.borderRadius = "20px"; } </script> </body> </html>
广告