table 边框css设置

2023-05-30 22:10:45 设置table元素的边框,您可以使用CSS的border属性来指定边框的样式、宽度和颜色。

设置<table>元素的边框,您可以使用CSS的border属性来指定边框的样式、宽度和颜色。以下是几种常见的设置边框的方法:

1、内联样式:通过在<table>标签中使用style属性来设置边框。

<table style="border: 1px solid black;">
<!-- 表格内容 -->
</table>

2、CSS 类:定义一个CSS类,然后将该类应用于<table>元素。

<style>
.bordered-table {
border: 1px solid black;
}
</style>

<table class="bordered-table">
<!-- 表格内容 -->
</table>

3、ID 选择器:使用唯一的ID为<table>元素设置边框。

<style>
#my-table {
border: 1px solid black;
}
</style>

<table id="my-table">
<!-- 表格内容 -->
</table>

以上示例将<table>元素的边框设置为黑色,宽度为1像素,样式为实线。您可以根据需要自定义边框样式、宽度和颜色,例如使用不同的样式值(如dashed、dotted等)和不同的颜色值。

上一篇:div 居中设置实例
下一篇:css 清除浮动
更新