<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
ul{
list-style: none;
}
img{
border-radius: 100%;
overflow: hidden;
}
</style>
<link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.min.css">
</head>
<body>
<div class="container">
<div class="dropdown" >
<table class=" table-condensed">
<thead>
<tr><td style="font-size: 20px">课堂直播</td></tr>
</thead>
<tbody>
<tr>
<td ><a href=""><img style="width: 60px" src="https://edu-image.nosdn.127.net/D41249B06AB92BC2CFF6C178131B7591.jpg?imageView&quality=100&thumbnail=80y80" alt="">
<ul style="margin-left: 30px;margin-top: -62px">
<li class="small" style="font-size: 12px;color: #666">今天20:00 丨 <em style="font-size: 10px;font-style: normal;color: green">开启提醒</em> </li>
<li style="margin-top: 5px;margin-bottom: 5px;color: black">运营插画四部曲</li>
<li class="small" style="font-size: 12px;color: #666">琦玉</li>
</ul></a>
</td>
<td ><a href=""><img style="width: 60px" src="https://edu-image.nosdn.127.net/D41249B06AB92BC2CFF6C178131B7591.jpg?imageView&quality=100&thumbnail=80y80" alt="">
<ul style="margin-left: 30px;margin-top: -62px">
<li class="small" style="font-size: 12px;color: #666">今天20:00 丨 <em style="font-size: 10px;font-style: normal;color: green">开启提醒</em> </li>
<li style="margin-top: 5px;margin-bottom: 5px;color: black">运营插画四部曲</li>
<li class="small" style="font-size: 12px;color: #666">琦玉</li>
</ul></a>
</td>
<td ><a href=""><img style="width: 60px" src="https://edu-image.nosdn.127.net/D41249B06AB92BC2CFF6C178131B7591.jpg?imageView&quality=100&thumbnail=80y80" alt="">
<ul style="margin-left: 30px;margin-top: -62px">
<li class="small" style="font-size: 12px;color: #666">今天20:00 丨 <em style="font-size: 10px;font-style: normal;color: green">开启提醒</em> </li>
<li style="margin-top: 5px;margin-bottom: 5px;color: black">运营插画四部曲</li>
<li class="small" style="font-size: 12px;color: #666">琦玉</li>
</ul></a>
</td>
</tr>
<tr>
<td ><a href=""><img style="width: 60px" src="https://edu-image.nosdn.127.net/D41249B06AB92BC2CFF6C178131B7591.jpg?imageView&quality=100&thumbnail=80y80" alt="">
<ul style="margin-left: 30px;margin-top: -62px">
<li class="small" style="font-size: 12px;color: #666">今天20:00 丨 <em style="font-size: 10px;font-style: normal;color: green">开启提醒</em> </li>
<li style="margin-top: 5px;margin-bottom: 5px;color: black">运营插画四部曲</li>
<li class="small" style="font-size: 12px;color: #666">琦玉</li>
</ul></a>
</td>
<td ><a href=""><img style="width: 60px" src="https://edu-image.nosdn.127.net/D41249B06AB92BC2CFF6C178131B7591.jpg?imageView&quality=100&thumbnail=80y80" alt="">
<ul style="margin-left: 30px;margin-top: -62px">
<li class="small" style="font-size: 12px;color: #666">今天20:00 丨 <em style="font-size: 10px;font-style: normal;color: green">开启提醒</em> </li>
<li style="margin-top: 5px;margin-bottom: 5px;color: black">运营插画四部曲</li>
<li class="small" style="font-size: 12px;color: #666">琦玉</li>
</ul></a>
</td>
<td ><a href=""><img style="width: 60px" src="https://edu-image.nosdn.127.net/D41249B06AB92BC2CFF6C178131B7591.jpg?imageView&quality=100&thumbnail=80y80" alt="">
<ul style="margin-left: 30px;margin-top: -62px">
<li class="small" style="font-size: 12px;color: #666">今天20:00 丨 <em style="font-size: 10px;font-style: normal;color: green">开启提醒</em> </li>
<li style="margin-top: 5px;margin-bottom: 5px;color: black">运营插画四部曲</li>
<li class="small" style="font-size: 12px;color: #666">琦玉</li>
</ul></a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</body>
</html>