[英]missing borders for an html table
我有以下代码
<html>
<head>
<body bgcolor="#BDBDBD">
<div align="center">
<font color="Blue">
<CAPTION><b><u><i>SYSTEM STATUS</i></u></b></caption>
</font>
</br>
</br>
<table BORDER="2" BORDERCOLOR="Black" CELLPADDING="3">
<colgroup>
<col span="2" style="background-color:FFA04A">
<col style="background-color:FFA04A">
</colgroup>
<thead>
<tr>
<font color="Blue">
<th><font color="Blue">System</font></th>
<th><font color="Blue">Is Alive</font></th>
</font>
</tr>
</thead>
</font>
</body>
</head>
</html>
我得到的输出是黑色边框,但分隔列的边框丢失了..代码有什么问题。
我认为您是初学者,请查看此代码
<html>
<head></head>
<body bgcolor="#BDBDBD">
<div align="center">
<font color="Blue"> <b><u><i>SYSTEM STATUS</i></u></b> </font> </br>
</br>
<table BORDER="2" BORDERCOLOR="Black" CELLPADDING="3">
<colgroup>
<col span="2" style="background-color:FFA04A">
<col style="background-color:FFA04A">
</colgroup>
<thead>
<tr> <font color="Blue">
<th><font color="Blue">System</font></th>
<th><font color="Blue">Is Alive</font></th>
</font> </tr>
</thead>
</font>
</body>
</html>
演示: http : //jsfiddle.net/26TCe/
请参阅以下描述:“该标记为元素中的每一列指定列属性。” 您必须定义 3 个元素:在它们之间插入一个(空) <th/>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.