<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link href="bootstrap-3.3.7-dist/css/bootstrap.css"rel="stylesheet">
<style>
img{
border-radius:100%;
overflow:hidden;
}
h6{
color: cadetblue;
}
</style>
</head>
<body>
<div class="container" style="margin-top: 5%">
<table cellpadding="0" class="table table-striped table-hover table-condensed ">
<thead>
<tr>
<td>
<h3>课堂直播</h3>
</td>
</tr>
<tr>
<td>
<img src="1.jpg" >
</td>
<td>
今天20:00 <a href="#" style="color: green">丨开启提醒</a><br>
运营插画四部曲 <br>
<h6>艾琦aiki</h6>
</td>
<td>
<img src="2.png" alt="">
</td>
<td>今天20:00 <a href="#"style="color: green">丨开启提醒</a><br>
网易技术这些年，JAVA后端架构体系 <br>
是怎么发展起来得！
<h6>王建安 网易特邀Java高级工程师</h6>
</td>
<td>
<img src="3.jpg" alt="">
</td>
<td>
今天20:00 <a href="#"style="color: green">丨开启提醒</a><br>
网易技术这些年，JAVA后端架构体系 <br>
是怎么发展起来得！
<h6>王建安 网易特邀Java高级工程师</h6>
</td>
</tr>
</thead>
<tbaby>
<tr>
<td>
<img src="4.jpg" alt="">
</td>
<td>
今天20:00 <a href="#"style="color: green">丨开启提醒</a><br>
助力求职同时兼具理财神技：用Pytho <br>
n优化股票仓位
<h6>leo 网易特邀数据分析讲师</h6>
</td>
<td>
<img src="5.jpg" alt="">
</td>
<td> 今天20:00 <a href="#"style="color: green">丨开启提醒</a><br>
从源代码构建工具之手动实现webp <br>
ack
<h6>谭金龙 网易特邀前端高级工程师</h6>
</td>
<td>
<img src="6.jpg" alt="">
</td>
<td> 今天20:00 <a href="#"style="color: green">丨开启提醒</a><br>
Python极速入门：教你做电影实时票 <br>
房爬虫网址
<h6>毕滢 网易AI专家讲师</h6>
</td>
</tr>
</tbaby>
</table>
</div>
</body>
</html>
来源：https://blog.csdn.net/CNiko/article/details/100767607