为了制作一个成绩单的CSS样式,你可以使用HTML和CSS来创建一个简单的表格,并为其添加样式。以下是一个简单的例子:
<!DOCTYPE html>
<html>
<head>
<style>
/* 添加一些基础样式 */
body {css怎么创建
font-family: Arial, sans-serif;
}
h1 {
text-align: center;
color: #333;
}
table {
width: 100%;
border-collapse: collapse;
}
th, td {
border: 1px solid #ddd;
padding: 8px;
text-align: left;
}
th {
background-color: #f2f2f2;
}
tr:hover {background-color: #f5f5f>
<th>学生姓名</th>
<th>科目</th>
<th>成绩</th>
</tr>
<tr>
<td>张三</td>
<td>数学</td>
<td>90</td>
</tr>
<tr>
<td>李四</td>
<td>英语</td>
<td>85</td>
</tr>
</table>
</body>
</html>
上述代码中,我们创建了一个包含学生姓名、科目和成绩的简单表格。你可以根据需要添加更多的行来展示更多的。此外,你可以根据需要调整CSS样式,例如字体、颜、边框等,以适应你的设计需求。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论