用CSS设置表格Table的细边框的比较好用的方法

在网页设计中，设置Table的细边框是一项常见的需求。实现这一效果的方式多种多样，每一种都有其独特的魅力。

一种稍显独特的方式是设置边框的BORDER=0，同时将cellspacing设为1。接着，将Table的背景色设定为所需的边框色，而所有的td背景色则设为白色。这样，细边框的效果就显现出来了。虽然这种方法看起来有些非凡，但却能达成目的，正如俗话所说，“条条大路通罗马”。

另一种方法则是通过CSS来实现。设置BORDER=0后，通过CSS给Table加上1px的border-top和border-left。接着，为所有的td设置border-right和border-bottom。这种方法展示了CSS的强大之处，能够创造出精美的细边框效果。

以上两种方式的HTML在Word中打开时，可能无法达到预期效果。这时，我们可以采用一种更加简便且有效的方法。通过设置table的CSS为{border-collapse:collapse;border:none;}，再配合td的CSS为{border:solid 000 1px;}，我们可以在保持Word兼容性的实现细边框的效果。

让我给你展示一个简单的示例：

HTML代码：

```html

```

当你处理代码时，可能会遇到需要修改并运行的情境。例如，你可以通过以下代码获取某个值并进行处理：

```javascript

ffcod = delpost.runcode11.value;

ffcod = ffcod.replace(/<br \/>/g,'');

delpost.runcode11.value = ffcod;

```

使用`cambrian.render('body')`来渲染或更新页面内容。这样你就能轻松地在网页中设置细边框，并优雅地展示你的设计。