table边框变成黑色且1像素

  • 发布于:2019-10-30
  • 201 人围观

table边框变成黑色且1像素--->而且里面的元素边框 也是一像素并不会 厚起来!

可以达到的效果如图:

 

不会出现如下情况:

 

具体的代码如下:

以下是代码片段:


<STYLE type=text/css>
<!--
td{
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #000000;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #000000;
}
table{
 border-right-width: 1px;
 border-right-style: solid;
 border-right-color: #000000;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #000000;
}
-->
</STYLE>
<table width="62%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

万企互联
标签: