工作时间安排表议程表任务表
代码语言: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