HTML CSS 仅边框 <td>

标签 html css html-table border

我只想有一个带边框的单元格 (B2)。我不想在表中使用表。

<table border="0">
    <tr>
        <td>A1</td>
        <td>B1</td>
        <td>C1</td>
    </tr>
    <tr>
        <td>A2</td>
        <td>B2</td>  <!-- Only this cell should have a border -->
        <td>C2</td>
    </tr>
    <tr>
        <td>A3</td>
        <td>B3</td>
        <td>C3</td>
    </tr>
</table>

最佳答案

您可以将 CSS 样式内联或应用到该元素,就像这样...

<table border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td>A1</td>
        <td>B1</td>
        <td>C1</td>
    </tr>
    <tr>
        <td>A2</td>
        <td style="border: 1px solid black">B2</td>  <!-- Only this cell should have a border -->
        <td>C2</td>
    </tr>
    <tr>
        <td>A3</td>
        <td>B3</td>
        <td>C3</td>
    </tr>
</table>

Here's a Fiddle

关于HTML CSS 仅边框 <td>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22563780/

相关文章:

javascript - 通过实时响应式过渡在页面之间滑动

javascript - Jquery基于index()和自定义attr问题的列切换

css - 保持表格的纵横比

html - 如何使用 overflow-y : scroll 在固定位置 div 上定位粘性 header

html - 有关如何修复表格列宽和文本换行的问题

html - Bootstrap 导航在加载时会短暂更改字体,从而暂时改变按钮大小

html - 想要隐藏或显示某些东西时如何使用按钮而不是复选框(div)

javascript - 当滚动到元素的类为 '#wrap' 时如何更改 css?

javascript - 想要在不更改类名的情况下向类添加定义元素

html - 我的 CSS 代码似乎继承了第一个选项