网站做收付款接口,wordpress对空间的要求,东莞网站竞价推广,宽屏wordpress主题背景#xff1a;业务给了90张word电子表格#xff0c;需要用html设计出来。 如图所示#xff0c;红色区域的下斜线如何实现#xff1f;
先说结论#xff1a;html中table没有直接的斜线表头标签#xff0c;但结合css、svg之类的可以实现。 #lineTd{ background:#FFFFFF u…背景业务给了90张word电子表格需要用html设计出来。 如图所示红色区域的下斜线如何实现
先说结论html中table没有直接的斜线表头标签但结合css、svg之类的可以实现。 #lineTd{ background:#FFFFFF url(data:image/svgxml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lIHgxPSIwIiB5MT0iMCIgeDI9IjEwMCUiIHkyPSIxMDAlIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEiLz48L3N2Zz4) no-repeat 100% center; } 或者直接写在单元格style中 td stylebackground:#FFFFFF url(data:image/svgxml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lIHgxPSIwIiB5MT0iMCIgeDI9IjEwMCUiIHkyPSIxMDAlIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEiLz48L3N2Zz4) no-repeat 100% center; 其中 PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lIHgxPSIwIiB5MT0iMCIgeDI9IjEwMCUiIHkyPSIxMDAlIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEiLz48L3N2Zz4 是base64加密后的代码解密后如下 svg xmlnshttp://www.w3.org/2000/svg width100% height100%line x10 y10 x2100% y2100% strokeblack stroke-width1//svg 代码中的black是颜色支持16进制颜色编码修改颜色后重新base64加密后替换原来的加密代码即可。修改完成可以来这里加解密 Base64 在线编码解码 | Base64 加密解密 - Base64.us 在想要加下斜线的td加入该class样式即可。 table styleborder-collapse:collapse; cellspacing0 cellpadding0tbodytrtd idlineTdspan stylefloat:left;margin-top:20px;项目/spanspan stylefloat:right;margin-top:-10px;日期/span/tdtd2010-10-15/td/trtrtd采购/tdtd9000元/td/tr/tbody/table