我画了一个表格
<table>
<tr><td>第1行第1列</td><td>第1行第2列</td><td>第1行第3列</td></tr>
<tr><td>第2行第1列</td><td>第2行第2列</td><td>第2行第3列</td></tr>
<tr><td>第3行第1列</td><td>第3行第2列</td><td>第3行第3列</td></tr>
</table>我要让第2行第2列的那个单元格的边框为黑色应该如何实现啊?就是上下左右边框的颜色为黑色!

解决方案 »

  1.   


    style.border = "solid 1px #000000";
      

  2.   

    直接在td里加上style="border:1px #000000 solid"
    <table> 
    <tr> <td> 第1行第1列 </td> <td> 第1行第2列 </td> <td> 第1行第3列 </td> </tr> 
    <tr> <td> 第2行第1列 </td> <td style="border:1px #000000 solid"> 第2行第2列 </td> <td> 第2行第3列 </td> </tr> 
    <tr> <td> 第3行第1列 </td> <td> 第3行第2列 </td> <td> 第3行第3列 </td> </tr> 
    </table>或者用JS去处理
    <table> 
    <tr><td> 第1行第1列 </td><td> 第1行第2列 </td><td> 第1行第3列 </td></tr> 
    <tr><td> 第2行第1列 </td><td> 第2行第2列 </td><td> 第2行第3列 </td></tr> 
    <tr><td> 第3行第1列 </td><td> 第3行第2列 </td><td> 第3行第3列 </td></tr> 
    </table>
    <script>
    document.getElementsByTagName("table")[0].rows[1].cells[1].style.border="1px #000000 solid"
    </script>
      

  3.   

    <td style="height:30px;border-top:solid 1pt Black;border-left:solid 1pt Black;border-bottom:solid 1pt Black;border-right:solid 1pt Black;">
      

  4.   

    <table> 
    <tr> <td> 第1行第1列 </td> <td> 第1行第2列 </td> <td> 第1行第3列 </td> </tr> 
    <tr> <td> 第2行第1列 </td> <td style="border:1px solid #000000"> 第2行第2列 </td> <td> 第2行第3列 </td> </tr> 
    <tr> <td> 第3行第1列 </td> <td> 第3行第2列 </td> <td> 第3行第3列 </td> </tr> 
    </table> 存起来试试看!
      

  5.   

    nicholsky
    正解