admin 管理员组

文章数量: 1184232

Table斜线表格

直接上代码：
Html代码： 

<table><thead><tr><thcolspan="2"class="lineTd"><spanclass="leader">市领导</span><spanclass="date">日期</span></th></tr></thead></table>

Css代码： 

thead{.lineTd{width: 33%;background-image:url('data:image/svg+xml;utf8,<svg xmlns="" width="100%" height="100%"><line x1="0" y1="0" x2="100%" y2="100%" stroke="black" stroke-width="1"/></svg>');
          .leader{float:right;margin-top:-3%;}.date{float:left;margin-top:10px
          }}}

没什么注意的地方，日常记录吧！最后附上效果图：

本文标签： 斜线表格 编程 代码

版权声明：本文标题：从入门到精通：详解CSS如何构建有创意的斜线表格设计！ 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://roclinux.cn/p/1772187584a3553099.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。