显示和隐藏table中的border

最新推荐文章于 2022-08-17 16:06:04 发布

quechao123

最新推荐文章于 2022-08-17 16:06:04 发布

阅读量6.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： Java Web 文章标签： border table

本文链接：https://blog.youkuaiyun.com/quechao123/article/details/5661577

Java Web 专栏收录该内容

10 篇文章

订阅专栏

本文详细介绍了HTML表格中边框的各种样式设置方法，包括如何隐藏和显示边框、设置边框的颜色、宽度及样式等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<table border="1" bordercolor="#FF9966" >
<tr>
<td width="102" style="border-right-style:none">隐藏右边框</td>
<td width="119" style="border-left-style:none">隐藏左边框</td>
</tr>
<tr>
<td style="border-top-style:none">隐藏上边框</td>
<td style="border-bottom-style:none">隐藏下边框</td>
</tr>
</table>

<table>
<tr>
<td style="border-right:#cccccc solid 1px;">显示右边框</td>
<td style="border-left:#cccccc solid 1px;">显示左边框</td>
<td style="border-top:#cccccc solid 1px;">显示上边框</td>
<td style="border-bottom:#cccccc solid 1px;">显示下边框</td>
</tr>
</table>

<table>
<tr>
<td style="border-right : thin dashed blue;">右边框显示细虚线</td>
<td style="border-bottom: thick dashed yellow;">左边框显示粗虚线</td>
<td style="border-top: double green;">上边框显示两条线</td>
<td style="border-left: dotted red;">下边框显示点</td>
</tr>
</table>