html表格中加入斜線,使用css給table表格表頭單元格添加斜線
當(dāng)前位置:點(diǎn)晴教程→知識(shí)管理交流
→『 技術(shù)文檔交流 』
#lineTd{ background:#FFFFFF url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lIHgxPSIwIiB5MT0iMCIgeDI9IjEwMCUiIHkyPSIxMDAlIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEiLz48L3N2Zz4=) no-repeat 100% center; } 或者直接寫在單元格style中: <td style="background:#FFFFFF url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lIHgxPSIwIiB5MT0iMCIgeDI9IjEwMCUiIHkyPSIxMDAlIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEiLz48L3N2Zz4=) no-repeat 100% center;"> 其中: PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lIHgxPSIwIiB5MT0iMCIgeDI9IjEwMCUiIHkyPSIxMDAlIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEiLz48L3N2Zz4= 是base64加密后的代碼,解密后如下: <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><line x1="0" y1="0" x2="100%" y2="100%" stroke="black" stroke-width="1"/></svg> 代碼中的black是顏色,支持16進(jìn)制顏色編碼,修改顏色后,重新base64加密后替換原來(lái)的加密代碼即可。修改完成可以來(lái)這里加解密: https://base64.us/ 在想要加下斜線的td加入該class樣式即可。 <table style="border-collapse:collapse;" cellspacing="0" cellpadding="0"> <tbody> <tr> <td id="lineTd"> <span style="float:left;margin-top:20px;">項(xiàng)目</span> <span style="float:right;margin-top:-10px;">日期</span> </td> <td>2010-10-15</td> </tr> <tr> <td>采購(gòu)</td> <td>9000元</td> </tr> </tbody> </table> 完結(jié)。 該文章在 2023/6/8 10:23:57 編輯過(guò) |
關(guān)鍵字查詢
相關(guān)文章
正在查詢... |