做一个可以再页面随意设置一个形状的宽、高、边框样式等等的方法

首先我们要在HTML中将我们最基本页面框架搭建起来；具体的代码如下图所示：

然后就到了给我们框架添加样式的部分CSS:当然你也可以按照你自己的意愿来设置你的样式，我具体的CSS代码如下图所示，你也可以参考参考：

最后就到了Javascript部分了，这也是最复杂的一步，不过在这个方法中Javascript部分使用的并不多，所以也相对来说比较简单，首先我们要写一个名为geetValue的方法当然这个名字你想起别的也可以，然后就获取input标签的内容再赋值给你声明的变量，再通过ID”num”获取你设置的形状，最后再将你获取input标签的内容赋值给你设置的形状样式中。具体代码如下图所示：

最后实现的效果如下图所示：

这是我要分享给你们，希望可以帮助到你们。

以上就是我的分享，新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔！