<!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>
来源：51CTO
作者：Eeee.
链接：https://blog.csdn.net/CNiko/article/details/100767607