自适应议程表工作安排表课程表效果-html代码-BFW代码库

自适应议程表工作安排表课程表效果

代码语言：html

所属分类：表格

代码描述：自适应议程表工作安排表课程表效果

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

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

<link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
<style>
html,
body {
  font-family: Lato, Helvetica, sans-serif;
  margin: 0;
  padding: 10px;
  height: 100%;
}

header {
  width: 100%;
  height: 48px;
  background-color: #ddd;
}

ol {
  list-style: none;
}

.timetable {
  display: -webkit-box;
  display: flex;
  background: #ecf0f1;
  color: #444;
}

.nowMarker {
  position: absolute;
  border-bottom: 2px solid #ff7f6e;
  z-index: 100;
  width: 100%;
  top: -2px;
  -webkit-transition: top 2s ease-in-out;
  transition: top 2s ease-in-out;
}

.timings {
  margin: 1em 0 0 0;
  padding: 0 3px 0 0;
  width: 3em;
  height: 68em;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: end;
          align-items: flex-end;
  justify-content: space-around;
}

.week {
  margin: 0;
  display: -webkit-box;
  display.........完整代码请登录后点击上方下载按钮下载查看