Typecho表格的创建写法和table的css样式分享
之前就听说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;
}
分类:
CSS
标签:
Typecho表格css分享
版权申明
本文系作者 @木灵鱼儿 原创发布在木灵鱼儿站点。未经许可,禁止转载。
暂无评论数据