之前就听说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;
}

分类: CSS 标签: Typecho表格css分享

评论

暂无评论数据

暂无评论数据

目录