選單
×
   ❮     
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 提供支援