一.效果图:
二.body部分:
由目标图可以得出,最好将分为上下两个盒子,一个用来获取用户输入的数据,一个用来将结果输出出来。
三. CSS部分
上面盒子的类选择器:
下面盒子的类选择器:
行选择器:
提交按钮选择器:
其他选择器:
完成该项目还需要部分JavaScript的知识,仅要求完成前两部分HTML,CSS内容即可。
js部分:
完整代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv&#