<style>
    table{
        border-collapse: collapse;
    }
    th,td{
        border:1px solid #09f;
    }
  
    div{
        width:100px;
        height:100px;
        background-color:red;
        margin-top:20px;
    }
    #img{
        height:200px;
    }
 
</style>
  
</head>
<body>
      <button onclick="setStyle1('obj1','width','200px')">变宽</button>
      <button onclick="setStyle1('obj1','height','200px')">变高</button>
      <button onclick="setStyle1('obj1','background','green')">变色</button>
      <div id="obj1"></div>
      <button onclick="setColor2(1)">变成红色</button>
      <button onclick="setColor2(2)">变成绿色</button>
      <button onclick="setColor2(3)">变成蓝色</button>
      <div id="obj2"></div>

        
      <button onclick="switchImg()">切换图片</button>
        <div id="img">
          <img id="pic" src="./pic/1.jpg">
      </div>
       
         <button onclick="switchZimu1()">顺时针切换字母</button>
         <button onclick="switchZimu2()">逆时针切换字母</button>
        <div id="zimu">
          A
      </div>
</body>
</html>
    <script src="./JS/sushu.js"></script>