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

代码语言: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;
}
.Timetable thead tr {
  background: none;
}
.Timetable thead tr td,
.Timetable thead tr th {
  color: #fff;
  font-size: 1.5em;
}
.Allocation {
  display: block;
  border-radius: 2px;
  background: #57b3e7;
  padding: 5px;
  text-align: center;
  box-shadow: rgba(0,0,0,0.34) 0 1px 3px;
  color: #fff;
  height: 65px;
}
.Allocation.please {
  background: #e77f3f;
}
.Allocation.pdp {
  background: #68b546;
  color: #fff;
}
.Allocation span {
  display: block;
  padding: 3px 0;
}
.Allocation span.Allocation__title {
  font-size: 1.3em;
  font-weight: 600;
}
</style>

</head>
<body translate="no">
<div cl.........完整代码请登录后点击上方下载按钮下载查看

网友评论0