说三道四技术文摘-感悟人生的经典句子
说三道四 > 文档快照

急急急!!!如何让单元格也有跟表格一样的边框颜色显示.

编辑:说三道四文库 发布时间:2018-05-22 03:52
HTML文档下载 WORD文档下载 PDF文档下载
我定义了表格的CSS样式.
.table {
font-size: 9pt;
font-family: "Arial", "宋体";
border="1" ;
cellspacing="0";
cellpadding="0";
border-collapse: collapse;
bordercolor="#FFDDBB";
color: #000000;
border-top: 1px solid #2186C6;
border-right: 1px solid #2186C6;
border-bottom: 1px solid #2186C6;
border-left: 1px solid #2186C6;
}
但是发现单元格却没有颜色了,整个表格就只有四周有颜色,现在我想让边框也有颜色,跟表格一样的,怎么办?哪位能救我!!1
用table套table的方法.
是这样子的吗?

<style>
.tblDarkCell
{
    font-family: Tahoma, Verdana, Arial;
    font-size: 8pt; 
    background-color : #C2D0D5;
}
.tblCell
{
    font-family: Tahoma, Verdana, Arial;
    font-size: 8pt; 
    color: #22607F;
    background-color : #FFFFFF;
}
</style>
<table width="100%" cellpadding="0" align="center" class="tblBorder" cellspacing="0">
    <tr><td class="tblDarkCell">
        <table width="100%" cellpadding="6" cellspacing="1">
        <tr>
        <td class="tblCell" width="155" align="right">Username:</td>
        <td class="tblCell">0</td>
        </tr>
        <tr>
        <td class="tblCell" width="155" align="right">Password:</td>
        <td class="tblCell">0</td>
        </tr>
        </table>
    </td></tr>
</table>
<table border="1" width="764" id="table1" height="125" class=table cellspacing="0" cellpadding="0">
<tr>
<td width="762">
<table border="0" width="770" id="table2" height="123" cellspacing="0" cellpadding="0">
<tr>
<td width="385" height="61">
<table border="1" width="100%" id="table3" cellspacing="0" cellpadding="0" height="100%" class=table>
<tr>
<td> </td>
</tr>
</table>
</td>
<td width="385" height="61">
<table border="1" width="100%" id="table4" cellspacing="0" cellpadding="0" height="100%" class=table>
<tr>
<td> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="385" height="62">
<table border="1" width="100%" id="table5" cellspacing="0" cellpadding="0" height="100%" class=table>
<tr>
<td> </td>
</tr>
</table>
</td>
<td width="385" height="62">
<table border="1" width="100%" id="table6" cellspacing="0" cellpadding="0" height="100%" class=table>
<tr>
<td> </td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
wanghr100(灰豆宝宝.net) 的方法好些~~
我想实现像下面这个效果
http://61.131.45.22/cristy777/2.gif
结果却只得到这个效果
http://61.131.45.22/cristy777/1.gif

不用用table套table的方法不成么.有没有更简易的方法
自己顶一下
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘