菜单
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP 如何操作 W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS 网络安全 数据科学
     ❯   

Bootstrap CSS 表格参考


<table> 类

使用以下类来样式化任何表格: 

描述 示例
.table 为任何 <table> 添加基本样式(轻微填充和仅水平分隔线) 试一试
.table-striped 为 <tbody> 内的任何表格行添加斑马条纹(IE8 不支持) 试一试
.table-bordered 在表格和单元格的所有边上添加边框 试一试
.table-hover 启用 <tbody> 内表格行的悬停状态 试一试
.table-condensed 通过将单元格填充减半使表格更紧凑 试一试
组合所有表格类 试一试

<tr>、<th> 和 <td> 类

使用以下类为表格行或单元格着色

描述 示例
.active 将悬停颜色(浅灰色)应用于特定行或单元格 试一试
.success 表示成功或积极的操作 试一试
.info 表示中性信息性更改或操作 试一试
.warning 表示可能需要注意的警告 试一试
.danger 表示危险或潜在的负面操作 试一试

响应式表格

.table-responsive 类创建一个响应式表格。在小型设备(768px 以下)上,表格将水平滚动。在宽度大于 768px 的设备上查看时,没有区别

示例

<div class="table-responsive">
  <table class="table">
    ...
  </table>
</div>
自己动手试一试 »

×

联系销售

如果您想将 W3Schools 服务用于教育机构、团队或企业,请发送电子邮件给我们
sales@w3schools.com

报告错误

如果您想报告错误,或想提出建议,请发送电子邮件给我们
help@w3schools.com

W3Schools 经过优化,旨在方便学习和培训。示例可能经过简化,以提高阅读和学习体验。教程、参考资料和示例会不断审查,以避免错误,但我们无法保证所有内容的完全正确性。使用 W3Schools 即表示您已阅读并接受我们的使用条款Cookie 和隐私政策

版权所有 1999-2024 Refsnes Data。保留所有权利。W3Schools 由 W3.CSS 提供支持