diff --git a/app-dm/src/TeacherPages/TestManage/ManageTest.css b/app-dm/src/TeacherPages/TestManage/ManageTest.css
index 89e888a..531627f 100644
--- a/app-dm/src/TeacherPages/TestManage/ManageTest.css
+++ b/app-dm/src/TeacherPages/TestManage/ManageTest.css
@@ -66,9 +66,12 @@
 #sendtest_btn{
     height: 50px;
     width: 300px;
-    font-size: 28px; 
-    margin-left: 830px;
+    font-size: 25px;
+    margin-left: 800px;
     margin-top: 100px;
+    border: none;
+    background-color: rgb(249, 236, 204);
+    border: 1px solid #e8caa9;
 }
 #view_history_table td{
     border-bottom: 1px solid black;
@@ -76,6 +79,8 @@
 #view_history_table tr{
     cursor: pointer;
 }
+
+/* 弹窗 */
 #detailed{
     margin-left: 390px;
     margin-top: 180px;
@@ -83,13 +88,15 @@
     height: 400px;
     border: 1px solid black;
     position: absolute;
-    background-color: rgb(175, 25, 234);
+    background-color: #fef9dd;
     z-index: 2;
 }
 #splitter{
     width: 590;
     border-bottom: 1px solid black;
     text-align: center;
+    font-size: 20px;
+    padding-bottom: 10px;
 }
 #return{
     position: absolute;
@@ -97,9 +104,12 @@
     font-size: 20px;
     margin-top: -10px;
     cursor: pointer;
+    color: rgb(68, 125, 106);
 }
 #detailed span{
     text-align: center;
+    line-height: 5px;
+    padding-top: 5px;
 }
 #detailed_box_tr{
     width: 600px;
@@ -107,9 +117,10 @@
 }
 #detailed_box{
     height: 270px;
-    width: 600px;
+    width: 590px;
+    line-height: 30px;
     overflow-x: hidden;
     overflow-y: scroll;
-    margin-top: -10px;
-    margin-left: -3px;
+    margin-top: -25px;
+    /* margin-left: px; */
 }
\ No newline at end of file
diff --git a/app-dm/src/TeacherPages/TestManage/ManageTest.jsx b/app-dm/src/TeacherPages/TestManage/ManageTest.jsx
index c552844..9670ddc 100644
--- a/app-dm/src/TeacherPages/TestManage/ManageTest.jsx
+++ b/app-dm/src/TeacherPages/TestManage/ManageTest.jsx
@@ -116,20 +116,22 @@ function TeacherPage() {
                 </p>
                 <div>
                     <p>--------------------------------------------------------------------------------------</p>
-                    {detaileddata&&<table>
-                        <tbody>
-                            <div id='detailed_box'>
-                                {Object.keys(detaileddata).map((key)=>(
-                                    <tr style={{display:'flex'}} id='detailed_box_tr'>
-                                    <td style={{ flex: 1 }}>{detaileddata[key][6]}</td>
-                                    <td style={{ flex: 1 }}>{detaileddata[key][5] ? detaileddata[key][5] : "未完成"}</td>
-                                    <td style={{ flex: 1 }}>{detaileddata[key][5] ? `${getRandomNumber()}%` : "未完成"}</td>
-                                    <td style={{ flex: 1 }}>{detaileddata[key][5] && parseInt(detaileddata[key][5]) >= 60 ? "及格" : (detaileddata[key][5] ? "不及格" : "未完成")}</td>
+                    {detaileddata&&<tbody>
+                        <div id='detailed_box'>
+                            {Object.keys(detaileddata).map((key, index)=>(
+                                <tr style={{ 
+                                    display: 'flex', 
+                                    backgroundColor: index % 2 === 0 ? '#fef9dd':'#fdf2b3' // 偶数行一个颜色，奇数行另一个颜色
+                                }}
+                                id='detailed_box_tr'>
+                                <td style={{ flex: 1 }}>{detaileddata[key][6]}</td>
+                                <td style={{ flex: 1 }}>{detaileddata[key][5] ? detaileddata[key][5] : "未完成"}</td>
+                                <td style={{ flex: 1 }}>{detaileddata[key][5] ? `${getRandomNumber()}%` : "未完成"}</td>
+                                <td style={{ flex: 1 }}>{detaileddata[key][5] && parseInt(detaileddata[key][5]) >= 60 ? "及格" : (detaileddata[key][5] ? "不及格" : "未完成")}</td>
                                 </tr>
-                                ))}
-                            </div>
-                        </tbody>
-                    </table>}
+                            ))}
+                        </div>
+                    </tbody>}
                 </div>
             </div>}
             {/* 总体信息 */}