https://jsfiddle.net/xhgtdwa6/
<?xml version="1.0" standalone="yes"?>
<svg xmlns="<http://www.w3.org/2000/svg>">
<foreignObject x="0" y="0" width="800" height="500">
<body xmlns="<http://www.w3.org/1999/xhtml>">
<table border="0" cellpadding="0" cellspacing="0" >
<tr>
<td width="8" style="border-left:1px solid #fff;border-top:1px solid #fff;border-bottom:0"> </td>
<td width="18%" scope="col" style="border:1px solid #ccc;background:#fff;line-height:37px;color:#999;font-size:14px;text-align:center;font-family:微軟雅黑;font-size:16px"> </td>
<td width="22%" scope="col" style="border:1px solid #ccc;background:#fff;line-height:37px;color:#999;font-size:14px;text-align:center;font-family:微軟雅黑;font-size:16px"><strong>數量</strong></td>
<td width="22%" scope="col" style="border:1px solid #ccc;background:#fff;line-height:37px;color:#999;font-size:14px;text-align:center;font-family:微軟雅黑;font-size:16px"><strong>占比</strong></td>
<td width="36%" scope="col" style="border:1px solid #ccc;background:#fff;line-height:37px;color:#999;font-size:14px;text-align:center;font-family:微軟雅黑;font-size:16px"><strong>環比上升（下降）</strong></td>
</tr>
<tr>
<th scope="row" style="background-color:#f0a3bf;line-height:37px;color:#999;font-size:14px;text-align:center;font-family:微軟雅黑;font-size:16px;border-left:1px solid #fff;border-top:1px solid #fff;border-bottom:1px solid #fff"> </th>
<td scope="row" style="border:1px solid #ccc;background:#fff;line-height:37px;color:#999;font-size:14px;text-align:center;font-family:微軟雅黑;font-size:16px"><strong>分類 </strong></td>
<td style="border:1px solid #ccc;background:#fff;line-height:37px;color:#999;font-size:14px;text-align:center;font-family:微軟雅黑;font-size:16px">44</td>
<td style="border:1px solid #ccc;background:#fff;line-height:37px;color:#999;font-size:14px;text-align:center;font-family:微軟雅黑;font-size:16px">11%</td>
<td style="border:1px solid #ccc;background:#fff;line-height:37px;color:#999;font-size:14px;text-align:center;font-family:微軟雅黑;font-size:16px"><span class="up"></span>11%</td>
</tr>
<tr>
<th scope="row" style="background-color:#7ebfcc;line-height:37px;color:#999;font-size:14px;text-align:center;font-family:微軟雅黑;font-size:16px;border-left:1px solid #fff;border-top:1px solid #fff;border-bottom:1px solid #fff"> </th>
<td scope="row" style="border:1px solid #ccc;background:#fff;line-height:37px;color:#999;font-size:14px;text-align:center;font-family:微軟雅黑;font-size:16px"><strong>論壇 </strong></td>
<td style="border:1px solid #ccc;background:#fff;line-height:37px;color:#999;font-size:14px;text-align:center;font-family:微軟雅黑;font-size:16px">44</td>
<td style="border:1px solid #ccc;background:#fff;line-height:37px;color:#999;font-size:14px;text-align:center;font-family:微軟雅黑;font-size:16px">11%</td>
<td style="border:1px solid #ccc;background:#fff;line-height:37px;color:#999;font-size:14px;text-align:center;font-family:微軟雅黑;font-size:16px"><span class="down"></span>11%</td>
</tr>
<tr>
<th scope="row" style="background-color:#83bc95;line-height:37px;color:#999;font-size:14px;text-align:center;font-family:微軟雅黑;font-size:16px;border-left:1px solid #fff;border-top:1px solid #fff;border-bottom:1px solid #fff"> </th>
<td scope="row" style="border:1px solid #ccc;background:#fff;line-height:37px;color:#999;font-size:14px;text-align:center;font-family:微軟雅黑;font-size:16px"><strong>博客 </strong></td>
<td style="border:1px solid #ccc;background:#fff;line-height:37px;color:#999;font-size:14px;text-align:center;font-family:微軟雅黑;font-size:16px">44</td>
<td style="border:1px solid #ccc;background:#fff;line-height:37px;color:#999;font-size:14px;text-align:center;font-family:微軟雅黑;font-size:16px">11%</td>
<td style="border:1px solid #ccc;background:#fff;line-height:37px;color:#999;font-size:14px;text-align:center;font-family:微軟雅黑;font-size:16px"><span class="down"></span>11%</td>
</tr>
<tr>
<th scope="row" style="background-color:#e6605d;line-height:37px;color:#999;font-size:14px;text-align:center;font-family:微軟雅黑;font-size:16px;border-left:1px solid #fff;border-top:1px solid #fff;border-bottom:1px solid #fff"> </th>
<td scope="row" style="border:1px solid #ccc;background:#fff;line-height:37px;color:#999;font-size:14px;text-align:center;font-family:微軟雅黑;font-size:16px"><strong>微博 </strong></td>
<td style="border:1px solid #ccc;background:#fff;line-height:37px;color:#999;font-size:14px;text-align:center;font-family:微軟雅黑;font-size:16px">44</td>
<td style="border:1px solid #ccc;background:#fff;line-height:37px;color:#999;font-size:14px;text-align:center;font-family:微軟雅黑;font-size:16px"><img id="img" src="data:image/jpg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABVAAD/7gAOQWRvYmUAZMAAAAAB/9sAhAACAQEBAQECAQECAwIBAgMDAgICAgMDAwMDAwMDBAMEBAQEAwQEBQYGBgUEBwcICAcHCgoKCgoMDAwMDAwMDAwMAQICAgQDBAcEBAcKCAcICgwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAz/wAARCAASACgDAREAAhEBAxEB/8QAaAABAQADAAAAAAAAAAAAAAAABwAFCAkBAQAAAAAAAAAAAAAAAAAAAAAQAAEDAgYBAQYHAAAAAAAAAAECAwQFBgARIRIHCAlRMUEyE3MUIkJSsjW1OBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8A6b+RDt5MpUo8EcXTlsVJlaHriqcNwocbWghxuI24gggggKcIPon9QwC50r7RxOxPHwhV1xCOUaMhDNXYGSfuEfCiW2kZDJeX4gPhV6ApwDTgB/u1yvb3G/BdbpFxR5ahcdPqFFgyorHzY6Jb8RaW0PL3DZuzJBy1yPpgNNOgnKtu8S87Gq3ExKkipwHaJBjUxj7h92XJlxVNoCNyfb8s654BN8rdvUCi1ey5VGgx4kmWmsOy3IzLbSnl74R3OFCQVHNR1PrgGbx2W9QGesNu3E1BjpuB1VTadnJZbEhaBVJA2qdCd5GSRoT7hgHjAYXkPj+1+UrLqFhXlHEm3qk0WH0aBST7UuIJB2rQoBST7iMAE9QOizXA151W/b5eaqVwsPPQrbW2M0tQzoZSgc9rziTty/KM9Tu0A98t38hYf06x+6DgGbx4f5Jtn6lT/tZOAbMBYCwH/9k="/>11%</td>
<td style="border:1px solid #ccc;background:#fff;line-height:37px;color:#999;font-size:14px;text-align:center;font-family:微軟雅黑;font-size:16px"><span class="down"></span>11%</td>
</tr>
</table>
</body>
</foreignObject>
</svg>
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/259281.html
標籤：其他
下一篇：Mybatis連接池與事務深入