工作时间安排表议程表任务表-html代码-BFW代码库

工作时间安排表议程表任务表

代码语言：html

所属分类：表格

代码描述：工作时间安排表议程表任务表

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">

<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Work+Sans:400,100,600,700'>
<style>
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: 'Work Sans', sans-serif;
}
html,
body {
  background: linear-gradient(#bc597a, #ffba81) fixed;
}
.Timetable {
  position: relative;
  display: block;
  padding: 20px;
}
.Timetable tr {
  background: #2b173e;
}
.Timetable tr:nth-child(even) {
  background: #2b173e;
}
.Timetable .Timetable__table {
  width: 100%;
  border-collapse: collapse;
}
.Timetable .Timetable__table td,
.Timetable .Timetable__table th {
  padding: 4px 2px;
}
.Timetable .Timetable__table th {
  font-weight: 300;
  height: 65px;
}
.Timetable .Timetable__table tbody th {
  border-right: 1px solid #2b173e;
}
.Timetable .Timetable__table tbody td {
  border: 1px solid #2b173e;
}
.Timetable .Timetable__table .Timetable__time,
.Timetable .Timetable__table .Timetable__room {
  background: #4f237a;
  color: #fff;
}
.Timetable .Timetable__table .Timetable__room {
  border-bottom: 1px solid #2b173e;
}
.Timetable .Timetable__table .Timetable__time th {
  width: 100px;
}
.Timeta.........完整代码请登录后点击上方下载按钮下载查看