更新于
Typecho表格的创建写法和table的css样式分享
发布于 / 分类: CSS / 暂无评论 / 阅读量: 146之前就听说Typecho的md编辑器支持表格写法了，这次刚好在写一篇文章的时候用到了，所以顺带写了一个css分享出来，很简单的，有需要的可以复制到自己的css文件中。
表格的创建写法是：
|th内容|th内容| //内容与内容之间都是用|竖线分割
|---------|---| //这里用来分割表头和tbody
|内容1|内容2| //需要几行就这样写几行
效果展示：
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;
}
0
支付宝
微信
暂无评论