简单教程
提交运行
代码编辑器:
<style> div{ border: 1px solid #FF0000; } </style> <script> function changeMargin(){ document.getElementById("ex1").style.marginBottom="100px"; } function changePadding(){ document.getElementById("ex2").style.paddingBottom="100px"; } </script> <div id="ex1">这是一些文本</div> <br> <button type="button" onclick="changeMargin()">修改div元素的底部外间距</button> <br> <br> <div id="ex2">这是一些文本</div> <br> <button type="button" onclick="changePadding()">修改div元素的底部内间距</button>
运行结果: