问题
最终效果
效果对应代码
/* 右侧课程表区域 */
.banner .wrapper .schedule {
width: 218px;
height: 305px;
margin-top: 60px;
border-radius: 10px;
background-color: #209dd5;
}
.banner .wrapper .schedule .schedule_title {
padding: 18px 0 9px 14px;
height: 48px;
font-family: PingFangSC-Medium;
font-size: 15px;
color: #ffffff;
}
.banner .wrapper .schedule .schedule_content {
background-color: #fff;
border-radius: 10px;
height: 257px;
padding: 14px;
}
.banner .wrapper .schedule .schedule_content dl {
margin-bottom: 12px;
border-bottom: 1px solid #e0e0e0;
}
.banner .wrapper .schedule .schedule_content dt {
font-size: 14px;
font-weight: bold;
line-height: 20px;
margin-bottom: 8px;
}
.banner .wrapper .schedule .schedule_content dd {
margin-bottom: 8px;
font-size: 12px;
font-weight: normal;
line-height: 16px;
color: #7d7d7d;
}
.banner .wrapper .schedule .schedule_content dd span {
color: #00a4ff;
}
.banner .wrapper .schedule .schedule_content button {
width: 190px;
height: 32px;
border-radius: 15px;
outline: none;
border: none;
background-color: #00a4ff;
color: #fff;
}