問題

<hr> 標籤的 color 屬性 IE 支援，Netscape 不支援（顯示灰色）。如何跨瀏覽器顯示彩色線條？

解法：用表格單元格模擬線條

1. 建立表格，設 cellpadding="0"（關鍵！預設 2px 會導致最小高度 4px）。
2. 單元格高度設為線條粗細（如 1px）。
3. 單元格背景色設為目標顏色。
4. 單元格內必須放入內容（如 1×1px 透明 GIF），否則 Netscape 不渲染背景色。

<table cellpadding="0">
  <tr>
    <td height="1" bgcolor="#FF0000"><img src="dot.gif" width="1" height="1"></td>
  </tr>
</table>

製作直線（垂直線）

• 同理，設單元格 width="1"、高度或跨列 (rowspan) 達所需長度。
• 同樣需放入 1×1 透明 GIF 觸發背景色渲染。

註：曾有文獻稱 <hr size="..."> 可做直線，實測僅限 100px 長度，不實用。

結語

表格單元格 + 透明 GIF 是舊時代跨瀏覽器彩色線條的標準解法。現代開發請直接用 CSS border 或 <hr style="border:1px solid red;">，相容性與維護性皆優。