黑马程序员pink老师前端入门教程，零基础必看的h5(html5)+css3+移动端前端视频教程-p36-05-小说排行榜案例-视频笔记

视频地址:https://www.bilibili.com/video/BV14J4114768/?p=36&spm_id_from=333.880.my_history.page.click&vd_source=92091721fde667b87f2021fd2256a257

案例分析

• 以下图片就是案例需要完成的样子
  

先书制作表格的结构

• 第一行里面是th表格单元格
• 第二行开始里面是td普通单元格
• 单元格里面可以放任何元素,文字链接图片等都可以

后书写表格属性

• 用到宽度高度边框cellpadding和cellspacing
• 表格浏览器中对齐align

实现代码:https://gitee.com/linxinku/videoNote/commit/40fbdb80b23f642c207afa0e5e60c43cee8e52d1