<%@ page import="java.util.Calendar" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="UTF-8">
<title>教师批改作业</title>
<style>
/* 设置页面主色调 */
:root {
--primary-color: #007bff; /* 蓝色 */
--secondary-color: #6c757d; /* 灰色 */
}
/* 设置全局样式 */
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
/* 设置页面布局 */
body {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
background-color: #f5f5f5;
}
.container {
width: 1200px;
height: 600px;
margin: 10px;
padding: 20px;
background-color: #fff;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
}
.row {
display: flex;
flex-wrap: wrap;
margin: -10px;
}
.col-12 {
width: 100%;
padding: 10px;
}
.col-6 {
width: calc(50% - 20px);
height: 550px;
margin: 10px;
padding: 10px;
background-color: #fff;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
}
/* 设置 input 元素的样式 */
input[type="text"] {
width: 100%;
padding: 10px;
border: none;
border-bottom: 1px solid var(--secondary-color);
background-color: transparent;
font-size: 16px;
color: #333;
transition: border-color 0.2s;
margin-top: 10px;
}
input[type="text"]:focus {
outline: none;
border-color: var(--primary-color);
}
input[type="text"]::-webkit-input-placeholder {
color: var(--secondary-color);
}
input[type="submit"] {
display: block;
width: 100%;
margin-top: 20px;
padding: 10px;
border: none;
background-color: var(--primary-color);
color: #fff;
font-size: 16px;
cursor: pointer;
transition: background-color 0.2s;
}
input[type="submit"]:hover {
background-color: #0069d9;
}
textarea{
margin-top: 10px;
width: 100%;
height: 300px;
}
#ifremee{
margin-top: 35px;
height: 450px;
}
</style>
</head>
<%
String work_id=request.getParameter("work_id");
%>
<body>
<div class="container">
<div class="row">
<div class="col-6">
<h2>实验编号: 00001111 实验标题:</h2>
<form>
<input type="text" placeholder="请输入分数">
<textarea name="" id="" cols="30" rows="10"></textarea>
<input type="submit" value="提交">
</form>
</div>
<div class="col-6">
<h2>学生作答：</h2>
<textarea name="" id="ifremee" cols="30" rows="10">请在这里textarea换成iframe</textarea>
</div>
</div>
</div>
</body>
</html>
标签：总结,16,color,--,23.5,background,10px,input,margin From： https://www.cnblogs.com/laobing6214/p/17407016.html