admin管理员组

文章数量:1516870

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表格瞬间变得与众不同 - 加入斜线元素！ 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.betaflare.com/web/1772187552a3272027.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。