（3）. 通过弹窗输入两个值， 分别表示长和宽， 再通过弹窗输入一个颜色， 在页面输出一个对应长宽和背景颜色的矩形

在网页开发中，你可以使用HTML、CSS和JavaScript来实现这样的功能。以下是一个简单的步骤描述：

1. HTML部分：创建表单元素让用户输入长和宽以及选择颜色。可以使用`<input>`标签来获取用户输入，例如：

   <form id="rectangleForm">
     长度：<input type="number" id="length"><br>
     宽度：<input type="number" id="width"><br>
     颜色：<select id="colorSelect">
       <option value="red">红色</option>
       <option value="blue">蓝色</option>
       <!-- 添加更多颜色选项 -->
     </select><br>
     <button onclick="createRectangle()">提交</button>
   </form>

2. CSS部分：定义一个默认的矩形样式，并准备根据用户选择的颜色动态修改背景色：

   .rectangle {
     width: 0;
     height: 0;
     border: solid black; /* 初始边框 */
   }

3. JavaScript部分：处理表单提交事件，获取用户输入并显示矩形：

   function createRectangle() {
     const length = document.getElementById('length').value;
     const width = document.getElementById('width').value;
     const color = document.getElementById('colorSelect').value;

     // 创建一个div元素作为矩形
     const rectangle = document.createElement('div');
     rectangle.className = 'rectangle';
     rectangle.style.width = `${length}px`;
     rectangle.style.height = `${width}px`;

     // 动态设置背景颜色
     rectangle.style.backgroundColor = color;

     // 将矩形添加到页面上
     document.body.appendChild(rectangle);
   }

当你点击“提交”按钮，会根据用户的输入生成一个相应尺寸和背景颜色的矩形。