在整个HTML表格行中进行穿线删除线

在整个HTML表格行中进行穿线删除线,第1张

在整个HTML表格行中进行穿线/删除线

哦,是的,是的!

CSS:

table {    border-collapse: collapse;}td {    position: relative;    padding: 5px 10px;}tr.strikeout td:before {    content: " ";    position: absolute;    top: 50%;    left: 0;    border-bottom: 1px solid #111;    width: 100%;}

HTML:

<table>    <tr>        <td>Stuff</td>        <td>Stuff</td>        <td>Stuff</td>    </tr>    <tr >        <td>Stuff</td>        <td>Stuff</td>        <td>Stuff</td>    </tr>    <tr>        <td>Stuff</td>        <td>Stuff</td>        <td>Stuff</td>    </tr></table>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/5022116.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-11-15
下一篇 2022-11-15

发表评论

登录后才能评论

评论列表(0条)

保存