我通过使用背景和dborder来根据它们的内容（强制/选项/字符串/整数/浮点数等）来着色不同形式输入字段的代码。
我想有一个表格，显示一个关键，每个都有一个例子。但是，其中一些只能通过边框区分（例如，当必须重新提交表单时，字段上的红色边框输入无效）。
但是，表格元素<td>拥抱<input type="text" ...>。
它应该是直截了当的，但盒子模型总是让我困惑。例如，如何使表格元素边框（例如，8个像素）远离输入字段 在这：
<td>
<input type="text" class="input_invalid" value="Error (value)" readonly>
</td>
答案 0 :(得分：1)
<td style="padding:8px;"><input type="text" class="input_invalid" value="Error (value)" readonly></td>
http://www.w3.org/TR/CSS2/box.html
盒子模型可能令人生畏，但在最简单的情况下，几乎任何元素都可以有边距，边框和填充（按顺序，向外工作）。
大多数IE7 +浏览器使用基本CSS做得不错，一旦你习惯了盒子模型，就可以想出一些非常有趣的布局。一旦你正确地浮动/定位它们，DIV可以比桌子更简单，但是仍然存在一些表格最适合这项工作的情况。由你来决定。