表格实现计算器布局

计算器结果如图所示,我们将其分为两个表格
- 第一个表格两行一列
- 第一行,灰色背景图,确定宽高,右侧文字,难点在于三个圆点(使用class类的方式分别修饰)
- 第二行,白色框,
- 第二个表格五行四列
- 分别插入数据,用 button tr td的单元格class类即可完成快速修改
- button 类是第二个表格的整体,button tr td是表格中每一个单元格
DIV+CSS重构计算器
一、分析页面结构

二、前端布局实现
1.顶部DIV
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name