更新于

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

发布于 / 分类: CSS / 暂无评论 / 阅读量: 146

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

暂无评论

Info
站点信息

以前觉得活下去很难,现在发现活的好才难!

创建于20156

总共发表了327篇文章

共有550条评论

创建了21个分类目录

Archive
时间归档
Weather
天气

湿度
设置
配色方案

布局