小飞

Typecho表格的创建写法和table的css样式分享
之前就听说Typecho的md编辑器支持表格写法了,这次刚好在写一篇文章的时候用到了,所以顺带写了一个css分享出...
扫描右侧二维码阅读全文
26
2018/09

Typecho表格的创建写法和table的css样式分享

之前就听说Typecho的md编辑器支持表格写法了,这次刚好在写一篇文章的时候用到了,所以顺带写了一个css分享出来,很简单的,有需要的可以复制到自己的css文件中。

表格的创建写法是:

 |th内容|th内容|       //内容与内容之间都是用|竖线分割
 |---------|---|      //这里用来分割表头和tbody
 |内容1|内容2|        //需要几行就这样写几行

效果展示:
效果图.png
CSS代码:

 table {
     width: 100%;
     border: 1px solid #e1e1e1;
     border-collapse: collapse;
 }
 table thead {
     background-color: #f7f7f7;
 }
 table th,table td {
     color: #444;
     padding: .5rem;
     border: 1px solid #e1e1e1;
 }
 table tr {
     transition: background-color .3s;
 }
 table tr:hover {
     background-color: #f8f8f8;
 }

Last modification:September 26th, 2018 at 02:27 pm
If you think my article is useful to you, please feel free to appreciate

Leave a Comment