木灵鱼儿

博客
正在进入:首页

更新于

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

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

之前就听说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
Site Info

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

创建于20156

总共发表了185篇文章

目录树
Archive
Article Archive
Weather
Weather

湿度
设置
配色方案

宽度

现在购买