html+css3 学生信息表

效果图：

//代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title></head>
<body><h2>学生信息</h2><p>将数据渲染到页面中...</p><table><caption>学生列表</caption><tr><td>序号</td><td>姓名</td><td>年龄</td><td>性别</td><td>家乡</td></tr><tr><td>1</td><td>小明</td><td>18</td><td>男</td><td>河北省</td></tr><tr><td>2</td><td>小王</td><td>18</td><td>女</td><td>河南省</td></tr><tr><td>3</td><td>小段</td><td>21</td><td>男</td><td>河南省</td></tr><tr><td>4</td><td>小贺</td><td>21</td><td>女</td><td>新疆省</td></tr></table><script></script>
</body>
</html>
<style>table{width: 600px;text-align: center;}table,th,td{border: 1px solid #ccc;/* 为表格设置合并边框模型 */border-collapse: collapse;}caption {font-size: 18px;margin-bottom: 10px;font-weight: 700;}tr{height: 40px;cursor: pointer;}table tr:nth-child(1) {background-color: #ddd;}/* 行 高亮 */table tr:not(:first-child):hover {background-color: #eee;}
</style>

html+css3 学生信息表相关推荐

查询选修c语言课程的学生学号和姓名,数据库实验(学生信息表)
目录数据库实验(学生信息表) 实验一实验二实验三实验四数据库实验(学生信息表) 实验一创建数据库以及学生信息表.课程信息表.选课表 create Table student (Sno ch ...
怎么在mysql创建数据库怎么加入学号_数据库怎么创建学生信息表
语音内容: 大家好,我是时间财富网智能客服时间君,上述问题将由我为大家进行解答. 数据库创建学生信息表的方法是: 1.新建表:单击数据库"studentDb"前图标,然后右键&qu ...
mysql实验学生表_数据库实验(学生信息表)
数据库实验(学生信息表) 实验一创建数据库以及学生信息表.课程信息表.选课表 create Table student (Sno char(9) primary key, Sname char(20 ...
学生信息表 -通过选择年级和班级得到详细的学生信息名单
功能: 通过选择年级和班级得到详细的学生信息名单知识点: 1. A inner join B on A.id=B.id的应用 Inner Join 逻辑运算符返回满足第一个(顶端)输入与第二 ...
数据结构实验-学生信息表
(实验)自定义数据元素的类型和存储结构(顺序表或链表均可),完成如下的功能: ①录入:从键盘输入学生信息表的各个数据元素(至少包含学号,姓名,年龄,语文成绩,数学成绩,英语成绩): ②查找:可按学号查 ...
【Python练习】创建学生信息表-列表推导式的应用
1. 使用列表推导式,生成 2018-2021 四个年级,每个年级四个专业(计算机.机械.自动化和电子信息),每个专业三个班级,每个班级 45 人的对应学号(如 2019010205),共计 2160 ...
数据库单表查询教师班级学生信息表
单表查询实例以下为单表查询小实验,由于没有教师表和学生表数据库文件,因此没有运行截图,若有语法错误还望大佬们指正. 1.查询学生信息表(info_student)中的班级信息 Select &quo ...
navicat的使用以及学生信息表的操作
目录一.navicat的使用创建数据库删除数据库数据库的导入导出数据库中表操作创建表结构数据表的管理操作二.学生信息表基础操作练习一.navicat的使用点击connection, ...
VLOOKUP函数制作多表查询（学生信息表/员工工资表）
VLOOKUP函数制作多表查询(学生信息表/员工工资表) 一.vlookup函数定义 VLOOKUP函数是Excel中的一个纵向查找函数,在工作中都有广泛应用,例如可以用来核对数据,多个表格之间快速导 ...

html+css3 学生信息表

html+css3 学生信息表相关推荐

最新文章

热门文章