木灵鱼儿

木灵鱼儿

阅读:1794

最后更新:2018/09/11/ 23:12:28

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

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

表格的创建写法是:

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

效果展示:

查看有表格的文章

Typecho表格css样式

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;
}

版权申明

本文系作者 @木灵鱼儿 原创发布在木灵鱼儿 - 有梦就能远航站点。未经许可,禁止转载。

关于作者

站点职位 博主
获得点赞 1
文章被阅读 1794

相关文章