div嵌套table和div并添加boder

在HTML中，`<div>`元素通常用于布局容器，而`<table>`元素则用于创建表格结构。当你需要在页面上使用表格效果，但实际上内容不是严格的表格数据，而是为了呈现某种布局，可以考虑将`<div>`元素嵌套在`<table>`里，并给它们加上边框(`border`)。

例如：

<table style="border-collapse: collapse; width: 100%;">
    <tbody>
        <tr>
            <td style="border: 1px solid black; padding: 10px;">
                <div style="border: 1px solid black;">这是一段文本或任何HTML内容</div>
            </td>
        </tr>
    </tbody>
</table>

在这个例子中，外部`<table>`设置了整体的边框和合并单元格的规则（`border-collapse: collapse;`），内部的`<td>`设置了一个单独的边框，然后`<div>`也有其自身的边框。`padding`属性则提供了内边距，让内容看起来更清晰。