木灵鱼儿
阅读:3119
最后更新:2018/09/11/ 23:12:28
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分享
版权申明
本文系作者 @木灵鱼儿 原创发布在木灵鱼儿 - 有梦就能远航站点。未经许可,禁止转载。
关于作者
木灵鱼儿
以前觉得活下去很难,现在发现活的好才难!
站点职位 博主
获得点赞 1
文章被阅读 3119