table 边框线

Posted 2023-05-11

我想要像WORD中表格的效果，但网页中的表格没有线，怎么办？

参考技术A 试一下这段:
<table width="100%" border="0" cellpadding="2" cellspacing="0">
<tr>
<td width="100%">

<table border="0" cellpadding="3" cellspacing="1" width="100%" align="center" style="background-color: #b9d8f3;">
<tr style="text-align: center; COLOR: #0076C8; BACKGROUND-COLOR: #F4FAFF; font-weight: bold">
<td><font size="2">列1</font></td>
<td><font size="2">列2</font></td>
<td><font size="2">列3</font></td>
</tr>

<tr bgcolor='#F4FAFF'>
<td nowrap="nowrap" align="left">11<font size="2"></td>
<td align="right"><font size="2">22</font></td>
<td align="right"><font size="2">33</font></td>
</tr>
</table>

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

主要是利用网页背景色和表格背景色的不同来设置边框,把单元格间的距离设置为cellspacing="1"就能显示表格边框了.本回答被提问者采纳 参考技术B <table border=1>
border就是边框。如果这个不是你想要的。你可以加些样式。。你百度一下table边框样式。会有好多的

jquery easyui datagrid/table 右边线显示不全

<table id="dg" style="height:400px"></table>

右边线显示不全

解决：在外面套一个panel，边框隐藏：border:hidden

<div class="easyui-panel" style="margin-top: 5px; height: 100%;border:hidden">

    <table id="dg" style="height:400px;"></table>


</div>

参考原文： 原文地址