如何使列的线条为黑色答案

【问题标题】：How to make the lines of the column as black如何使列的线条为黑色
【发布时间】：2010-11-24 04:15:33
【问题描述】：

将表格的列设置为黑色（轮廓和内部）

<table width=80% border=0 cellspacing=0 cellpadding=3 align=center>
<tr><td colspan=2><font face=verdana size=5 color=#999999>XYZ| </font><font face=Tahoma size=5>ABC</font></td></tr><tr
 bgcolor=#6DA2D7><td colspan=2 height=13></td>
<td align=left><font face=Tahoma size=2 color=#ffffff> Date</td>
<td align=right><font face=Tahoma size=3 color=#ffffff> Monitoring</td></tr>
<td align=left><font face=Tahoma size=2 color=#000000> Tool hourly report</td>
<table width=70% border=1 cellspacing=0 cellpadding=3 align=center
<tr style="background-color: #256B9C;">
<th COLSPAN=3 align=left ><font face=Tahoma size=2 color=#ffffff >Disk Space</th></tr>
<tr style="background-color: #256B9C;">
<th><font face=Tahoma size=2 color=#ffffff>Machine</th>
<th><font face=Tahoma size=2 color=#ffffff>Status</th>
</tr>
<tr style="background-color: #FFFFFF;">
<td align=center ><font face=Tahoma size=2 color=#000000>BN stpmus@sn2437</td>
<td align=center><font face=Tahoma size=2 color=#000000>85 % full</td>
</tr>
<tr style="background-color: #FFFFFF;">
<td align=center><font face=Tahoma size=2 color=#000000>GH stpma@sn2597</td>
<td align=center><font face=Tahoma size=2 color=#000000>51 % full</td>
</tr>
<tr style="background-color: #FFFFFF;">
<td align=center><font face=Tahoma size=2 color=#000000>US1 stpmu1@sn2598</td>
<td align=center><font face=Tahoma size=2 color=#000000>1 % full</td>
</tr>
<tr style="background-color: #FFFFFF;">
<td align=center><font face=Tahoma size=2 color=#000000>US2 stpmu2@sn2499</td>
<td align=center><font face=Tahoma size=2 color=#000000>9 % full</td>
</tr>
</table></td>

【问题讨论】：

也许您希望结果的样机图片有助于解读您的请求。
您的输出格式不正确。
@jnpcl 年度轻描淡写。 @Kimi 我的意思是最好的方式：我建议您在阅读至少几篇有关 HTML 和 CSS 基础知识的文章之前远离任何代码。
哦，这段代码至少违反了十几个风格指南和几个文档类型。内联字体元素？？？非引用属性？如何在任何地方删除“背景颜色：#FFFFFF”并给表格“边框折叠：折叠；背景：#000；” ?但是……祝你好运！

标签： html css tablelayout

【解决方案1】：

仅仅因为你的原始代码让我的大脑受伤了：

<style type="text/css">
.mainTable { border-collapse: collapse; font-family: Tahoma, sans-serif; margin: 0 auto; width: 80%; }
.mainTable td, .mainTable th { padding: 3px; }
.mainTable .branding { color: #999999; }
.mainTable .header { background-color: #6DA2D7; color: #FFFFFF; }
.mainTable .small { font-size: small; }
.mainTable .x-large { font-size: x-large; }
.mainTable .left { text-align: left; }
.mainTable .right { text-align: right; }
.mainTable .center { text-align: center; }
.mainTable .odd { background-color: #FFFFFF; }
.mainTable .even { background-color: #EEEEEE; }

.subTable { border: 1px solid #000000; border-collapse: collapse; margin: 0 auto; width: 90%; }
.subTable td { border-bottom: 1px solid #000000; border-right: 1px dotted #000000; }
.subTable .header { background-color: #055770; border: 1px solid #000000; }
.subTable .subheader { background-color: #256B9C; border: 1px solid #000000; color: #FFFFFF; }
.subTable .high { color: #FF0000; font-weight: bold; }
.subTable .med { color: #FF9900; }
.subTable .low { color: #009900; }
</style>

<table class="mainTable">
    <tr><td class="x-large" colspan="3"><span class="branding">XYZ|</span> ABC</td></tr>
    <tr class="header"><td>&nbsp;</td><td class="small">Date</td><td class="right">Monitoring</td></tr>
    <tr><td class="small">Tool hourly report</td><td colspan="2">&nbsp;</td></tr>
    <tr>
        <td colspan="3">
            <table class="subTable small center">
                <tr class="header left"><th colspan="3">Disk Space</th></tr>
                <tr class="subheader"><th>Machine</th><th>Status</th></tr>
                <tr class="odd"><td>BN stpmus@sn2437</td><td class="high">85% full</td></tr>
                <tr class="even"><td>GH stpma@sn2597</td><td class="med">51% full</td></tr>
                <tr class="odd"><td>US1 stpmu1@sn2598</td><td class="low">1% full</td></tr>
                <tr class="even"><td>US2 stpmu2@sn2499</td><td class="low">9% full</td></tr>
            </table>
        </td>
    </tr>
</table>

【讨论】：

【解决方案2】：

很难说您到底在寻找什么，但也许是border-collapse CSS 属性？

例如：

<table border="1" style="border-collapse:collapse">

【讨论】：