mardown表格写法

idnameemailsalary
1注册list1@qq.com123456
2长老list4@qq.com123456
3长老1list3@qq.com123456
  1. # mardown表格写法
  2. |id  |name|  email| salary
  3. ---|---|---|---
  4. |1    |注册   |list1@qq.com     |123456
  5. |2    |长老   |list4@qq.com    | 123456
  6. |3    |长老1   |list3@qq.com     |123456

html表格写法

  1. 快捷指令写法
  2. <!-- table.item>caption{表格}+(tbody>tr*5>td*8{文字}) -->
  3. 生成后代码
  4. <table class="item">
  5.     <caption>表格</caption>
  6.     <tbody>
  7.         <tr>
  8.             <td>文字</td>
  9.             <td>文字</td>
  10.             <td>文字</td>
  11.             <td>文字</td>
  12.             <td>文字</td>
  13.             <td>文字</td>
  14.             <td>文字</td>
  15.             <td>文字</td>
  16.         </tr>
  17.         <tr>
  18.             <td>文字</td>
  19.             <td>文字</td>
  20.             <td>文字</td>
  21.             <td>文字</td>
  22.             <td>文字</td>
  23.             <td>文字</td>
  24.             <td>文字</td>
  25.             <td>文字</td>
  26.         </tr>
  27.         <tr>
  28.             <td>文字</td>
  29.             <td>文字</td>
  30.             <td>文字</td>
  31.             <td>文字</td>
  32.             <td>文字</td>
  33.             <td>文字</td>
  34.             <td>文字</td>
  35.             <td>文字</td>
  36.         </tr>
  37.         <tr>
  38.             <td>文字</td>
  39.             <td>文字</td>
  40.             <td>文字</td>
  41.             <td>文字</td>
  42.             <td>文字</td>
  43.             <td>文字</td>
  44.             <td>文字</td>
  45.             <td>文字</td>
  46.         </tr>
  47.         <tr>
  48.             <td>文字</td>
  49.             <td>文字</td>
  50.             <td>文字</td>
  51.             <td>文字</td>
  52.             <td>文字</td>
  53.             <td>文字</td>
  54.             <td>文字</td>
  55.             <td>文字</td>
  56.         </tr>
  57.     </tbody>
  58. </table>

生成后效果图
效果图

css美化后样式代码

  1. .item{ background-color:greenyellow; }
  2. .item>tbody>tr>td{border: 1px solid red;

生成后效果图
美化后的生成后的代码图片.png

更多相关文章

  1. Android(安卓)开机图片/文字/动画 修改
  2. android Popupwidnow+spinner及spinner无法显示文字
  3. Android(安卓)开机图片/文字/动画 修改
  4. Android(安卓)Studio 4.0版本创建Activity无法自动创建的问题
  5. MVVM踩坑
  6. Android之RxPermissions用kotlin写没反应
  7. android 渐变的半圆进度条
  8. android tabhost学习
  9. Android(安卓)中文字符转UTF-8编码

随机推荐

  1. 利用python回顾统计学中的基础概念（全）
  2. python自动化办公太难？学这些就够用了
  3. Python地信专题 | 基于geopandas的空间数
  4. 知乎千赞 | 疫情在家能get什么新技能？
  5. 你一定不能错过的pandas 1.0.0四大新特性
  6. 用Python编写小工具下载OSM路网数据
  7. 使用Python检测新冠肺炎疫情拐点，抗疫成果
  8. 对容器镜像的思考和讨论
  9. 用python爬取3万多条评论，看韩国人如何评
  10. 是技术也是艺术 使用geopandas玩转地图可