提一个很菜的问题

可以设置单元格左侧Border为1
如果想漂亮点的实线，就做一个实线图片，放到两个单元格中间的单元格里

解决方案 »

  1.   

    <table width="600" border="1" cellpadding="2" cellspacing="0" bordercolorlight="#447EAE" bordercolordark="#FFFFFF" id="SpeakerList">
                          <tr>
                            <td align="center" bgcolor="#E2EEFC" class="word7" nowrap>编号</td>
                            <td align="center" bgcolor="#E2EEFC" class="word7" nowrap>姓名</td>
                            <td align="center" bgcolor="#E2EEFC" class="word7" nowrap>头衔</td>
                            <td align="center" bgcolor="#E2EEFC" class="word7" nowrap>选择</td>
                          </tr>
                          <tr>
                            <td>&nbsp;</td>
                            <td>&nbsp;</td>
                            <td>&nbsp;</td>
                            <td>&nbsp;</td>
                          </tr>
    </table>
      

  2.   

    方法 2<table width="600" border="0" cellpadding="0" cellspacing="1" bgcolor="#447EAE" id="SpeakerList">
                          <tr>
                            <td align="center" bgcolor="#E2EEFC" class="word7" nowrap>编号</td>
                            <td align="center" bgcolor="#E2EEFC" class="word7" nowrap>姓名</td>
                            <td align="center" bgcolor="#E2EEFC" class="word7" nowrap>头衔</td>
                            <td align="center" bgcolor="#E2EEFC" class="word7" nowrap>选择</td>
                          </tr>
                          <tr>
                            <td bgcolor="#FFFFFF">&nbsp;</td>
                            <td bgcolor="#FFFFFF">&nbsp;</td>
                            <td bgcolor="#FFFFFF">&nbsp;</td>
                            <td bgcolor="#FFFFFF">&nbsp;</td>
                          </tr>
    </table>
      

  3.   

    楼上的，怎么没有把SpeakerList这个样式写出来啊？
      

  4.   

    <table border="1" cellpadding="3" cellspacing="0" style="border-collapse: collapse;">
    楼主应该是这个意思。
    style="border-collapse: collapse;这个应该是你想要的。
      

  5.   

    新建html，将下面的复制过去，看看哪种是你要的效果 ：）
    <html>
    <head>
    <title>用css美化表格边框</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <style>
    .table1{border:#000000 dashed;border-width:1 0 0 1}
    .td1{border:#000000 dashed;border-width:0 1 1 0}
    .table2{border:#cc0000 solid;border-width:1 0 0 1;background:#ffffff}
    .td2{border:#cc0000 solid;border-width:0 1 1 0}
    .table3{border:green dotted;border-width:2 0 0 2}
    .td3{border:green dotted;border-width:0 2 2 0}
    .table4{border:blue solid;border-width:2 1 1 2}
    .td4{border:blue solid;border-width:0 1 1 0}
    .table5{border:teal 4 double}
    .td5{border:teal 1 solid }
    .table6{border:3 outset}
    .td6{border: 1 solid}
    .table7{border:3 inset}
    .td7{border:1 solid}
    .table8{border:#ee0000 3 ridge}
    .td8{border:1 solid}
    .table9{border: 4 skyblue ridge}
    .td9{border:1 navy groove ;background:#ffffff}
    .td10{border:maroon 3 double}
    .table11{border:purple 4 ;border-style:dashed double}
    .td11{border:1 solid}
    .out{border-width:1;border-style:solid;border-color:#cccccc #333333 #333333 #cccccc}
    .in{border-width:1;border-style:solid;border-color:#333333 #cccccc #cccccc #333333;background:#ffcccc}
    </style>
    </head>
      

  6.   

    <body bgcolor="#FFFFFF" text="#000000">
    <div align="center"> 
    <table width="500" cellspacing="0" cellpadding="0" border="0" class="table1">
    <tr > 
    <td class=td1>table1</td>
    <td class="td1">　</td>
    <td class="td1">　</td>
    </tr>
    <tr> 
    <td class="td1">　</td>
    <td class="td1">　</td>
    <td class="td1">　</td>
    </tr>
    <tr> 
    <td class="td1">　</td>
    <td class="td1">　</td>
    <td class="td1">　</td>
    </tr>
    </table>
    <p>　</p>
    <table width="500" cellspacing="0" cellpadding="0" border="0" class="table2">
    <tr > 
    <td class="td2"s>table2　</td>
    <td class="td2">　</td>
    <td class="td2">　</td>
    </tr>
    <tr> 
    <td class="td2">　</td>
    <td class="td2">　</td>
    <td class="td2">　</td>
    </tr>
    <tr> 
    <td class="td2">　</td>
    <td class="td2">　</td>
    <td class="td2">　</td>
    </tr>
    </table>
    <p>　</p>
    <table width="500" cellspacing="0" cellpadding="0" border="0" class="table3">
    <tr > 
    <td class="td3"s>table3　</td>
    <td class="td3">　</td>
    <td class="td3">　</td>
    </tr>
    <tr> 
    <td class="td3">　</td>
    <td class="td3">　</td>
    <td class="td3">　</td>
    </tr>
    <tr> 
    <td class="td3">　</td>
    <td class="td3">　</td>
    <td class="td3">　</td>
    </tr>
    </table>
    <p>　</p>
    <table width="500" cellspacing="0" cellpadding="0" border="0" class="table4">
    <tr > 
    <td class="td4">table4　</td>
    <td class="td4">　</td>
    <td class="td4">　</td>
    </tr>
    <tr> 
    <td class="td4">　</td>
    <td class="td4">　</td>
    <td class="td4">　</td>
    </tr>
    <tr> 
    <td class="td4">　</td>
    <td class="td4">　</td>
    <td class="td4">　</td>
    </tr>
    </table>
    <p>　</p>
    <table width="500" cellspacing="0" cellpadding="0" border="0" class="table5">
    <tr > 
    <td class="td5">table5　</td>
    <td class="td5">　</td>
    <td class="td5">　</td>
    </tr>
    <tr> 
    <td class="td5">　</td>
    <td class="td5">　</td>
    <td class="td5">　</td>
    </tr>
    <tr> 
    <td class="td5">　</td>
    <td class="td5">　</td>
    <td class="td5">　</td>
    </tr>
    </table>
    <p>　</p>
    <table width="500" cellspacing="0" cellpadding="0" border="0" class="table6">
    <tr > 
    <td class="td6">table6　</td>
    <td class="td6">　</td>
    <td class="td6">　</td>
    </tr>
    <tr> 
    <td class="td6">　</td>
    <td class="td6">　</td>
    <td class="td6">　</td>
    </tr>
    <tr> 
    <td class="td6">　</td>
    <td class="td6">　</td>
    <td class="td6">　</td>
    </tr>
    </table>
    <p>　</p>
      

  7.   

    <table width="500" cellspacing="0" cellpadding="0" border="0" class="table7">
    <tr > 
    <td class="td7">table7　</td>
    <td class="td7">　</td>
    <td class="td7">　</td>
    </tr>
    <tr> 
    <td class="td7">　</td>
    <td class="td7">　</td>
    <td class="td7">　</td>
    </tr>
    <tr> 
    <td class="td7">　</td>
    <td class="td7">　</td>
    <td class="td7">　</td>
    </tr>
    </table>
    <p>　</p>
    <table width="500" cellspacing="0" cellpadding="0" border="0" class="table8">
    <tr > 
    <td class="td8">table8　</td>
    <td class="td8">　</td>
    <td class="td8">　</td>
    </tr>
    <tr> 
    <td class="td8">　</td>
    <td class="td8">　</td>
    <td class="td8">　</td>
    </tr>
    <tr> 
    <td class="td8">　</td>
    <td class="td8">　</td>
    <td class="td8">　</td>
    </tr>
    </table>
    <p>　</p>
    <table width="500" cellspacing="1" cellpadding="0" border="0" class="table9">
    <tr > 
    <td class="td9">table9　</td>
    <td class="td9">　</td>
    <td class="td9">　</td>
    </tr>
    <tr> 
    <td class="td9">　</td>
    <td class="td9">　</td>
    <td class="td9">　</td>
    </tr>
    <tr> 
    <td class="td9">　</td>
    <td class="td9">　</td>
    <td class="td9">　</td>
    </tr>
    </table>
    <p>　</p>
    <table width="500" cellspacing="2" cellpadding="0" border="0">
    <tr > 
    <td class="td10">　</td>
    <td class="td10">　</td>
    <td class="td10">　</td>
    </tr>
    <tr> 
    <td class="td10">　</td>
    <td class="td10">　</td>
    <td class="td10">　</td>
    </tr>
    <tr> 
    <td class="td10">　</td>
    <td class="td10">　</td>
    <td class="td10">　</td>
    </tr>
    </table>
    <p>　</p>
    <table width="500" cellspacing="0" cellpadding="0" border="0" class="table11">
    <tr > 
    <td class="td11">table11　</td>
    <td class="td11">　</td>
    <td class="td11">　</td>
    </tr>
    <tr> 
    <td class="td11">　</td>
    <td class="td11">　</td>
    <td class="td11">　</td>
    </tr>
    <tr> 
    <td class="td11">　</td>
    <td class="td11">　</td>
    <td class="td11">　</td>
    </tr>
    </table>
    <p>　</p>
    <table width="500" border="0" cellspacing="1" cellpadding="0" style="border:#cc0000 1 solid" >
    <tr>
    <td>
    <table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0" class="table2">
    <tr > 
    <td class="td2">　</td>
    <td class="td2">　</td>
    <td class="td2">　</td>
    </tr>
    <tr> 
    <td class="td2">　</td>
    <td class="td2">　</td>
    <td class="td2">　</td>
    </tr>
    <tr> 
    <td class="td2">　</td>
    <td class="td2">　</td>
    <td class="td2">　</td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    <p>　</p>
    <table width="500" border="0" cellspacing="3" cellpadding="0" style="border:#cc0000 1 solid" background="back.jpg">
    <tr> 
    <td> 
    <table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0" class="table2" >
    <tr > 
    <td class="td2">　</td>
    <td class="td2">　</td>
    <td class="td2">　</td>
    </tr>
    <tr> 
    <td class="td2">　</td>
    <td class="td2">　</td>
    <td class="td2">　</td>
    </tr>
    <tr> 
    <td class="td2">　</td>
    <td class="td2">　</td>
    <td class="td2">　</td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    <p>　</p>
      

  8.   

    <table width="500" cellspacing="2" cellpadding="0" border="0" style="border:1 navy solid" background="back.jpg">
    <tr > 
    <td class="td9">　</td>
    <td class="td9">　</td>
    <td class="td9">　</td>
    </tr>
    <tr> 
    <td class="td9">　</td>
    <td class="td9">　</td>
    <td class="td9">　</td>
    </tr>
    <tr> 
    <td class="td9">　</td>
    <td class="td9">　</td>
    <td class="td9">　</td>
    </tr>
    </table>
    <p>　</p>
    <table width="500" border="0" cellspacing="3" cellpadding="0">
    <tr> 
    <td> 
    <table width="100%" border="0" cellspacing="1" cellpadding="0" height="100%" class="out">
    <tr> 
    <td class="in">　</td>
    </tr>
    </table>
    </td>
    <td> 
    <table width="100%" border="0" cellspacing="1" cellpadding="0" height="100%" class="out">
    <tr> 
    <td class="in">　</td>
    </tr>
    </table>
    </td>
    <td> 
    <table width="100%" border="0" cellspacing="1" cellpadding="0" height="100%" class="out">
    <tr> 
    <td class="in">　</td>
    </tr>
    </table>
    </td>
    </tr>
    <tr> 
    <td> 
    <table width="100%" border="0" cellspacing="1" cellpadding="0" height="100%" class="out">
    <tr> 
    <td class="in">　</td>
    </tr>
    </table>
    </td>
    <td> 
    <table width="100%" border="0" cellspacing="1" cellpadding="0" height="100%" class="out">
    <tr> 
    <td class="in">　</td>
    </tr>
    </table>
    </td>
    <td> 
    <table width="100%" border="0" cellspacing="1" cellpadding="0" height="100%" class="out">
    <tr> 
    <td class="in">　</td>
    </tr>
    </table>
    </td>
    </tr>
    <tr> 
    <td> 
    <table width="100%" border="0" cellspacing="1" cellpadding="0" height="100%" class="out">
    <tr> 
    <td class="in">　</td>
    </tr>
    </table>
    </td>
    <td> 
    <table width="100%" border="0" cellspacing="1" cellpadding="0" height="100%" class="out">
    <tr> 
    <td class="in">　</td>
    </tr>
    </table>
    </td>
    <td> 
    <table width="100%" border="0" cellspacing="1" cellpadding="0" height="100%" class="out">
    <tr> 
    <td class="in">　</td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    </div>
    </body>
    </html>
      

  9.   


    楼主下个 Macromedia Dreamweaver  学习一下 就很清楚了
      

  10.   

    应该用border="1"就可以实现了啊```