選單
×
我的 W3Schools 獲取證書 空間 致教師 Plus 獲取證書 空間 致教師 Plus
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO 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 CYBERSECURITY DATA SCIENCE
     ❯   

HOW TO

HowTo Home

Menus

圖示欄 選單圖示 手風琴 選項卡 垂直選項卡 選項卡標題 整頁選項卡 懸停選項卡 頂部導航 響應式頂部導航 拆分導航 帶圖示的導航欄 搜尋選單 搜尋欄 固定側邊欄 側邊導航 響應式側邊欄 全屏導航 畫布外選單 懸停側邊導航按鈕 帶圖示的側邊欄 水平滾動選單 垂直選單 底部導航 響應式底部導航 底部邊框導航連結 右對齊菜單鏈接 居中菜單鏈接 等寬菜單鏈接 固定選單 滾動時向下滑動欄 滾動時隱藏導航欄 滾動時收縮導航欄 粘性導航欄 圖片上的導航欄 懸停下拉選單 點選下拉選單 級聯下拉選單 頂部導航中的下拉選單 側邊導航中的下拉選單 響應式導航欄下拉選單 子導航選單 上拉選單 大型選單 移動選單 幕簾選單 摺疊側邊欄 摺疊側面板 分頁 麵包屑 按鈕組 垂直按鈕組 粘性社交欄 膠囊導航 響應式頁首

圖片

幻燈片 幻燈片畫廊 模態圖片 燈箱 響應式圖片網格 圖片網格 圖片庫 可滾動圖片庫 選項卡畫廊 圖片覆蓋淡入 圖片覆蓋滑動 圖片覆蓋縮放 圖片覆蓋標題 圖片覆蓋圖示 圖片效果 黑白圖片 圖片文字 圖片文字塊 透明圖片文字 整頁圖片 圖片上的表單 英雄圖片 模糊背景圖片 滾動時更改背景 並排圖片 圓角圖片 頭像圖片 響應式圖片 居中圖片 縮圖 圖片周圍邊框 團隊介紹 粘性圖片 翻轉圖片 抖動圖片 作品集畫廊 帶篩選的作品集 圖片縮放 圖片放大鏡 圖片比較滑塊 網站圖示

按鈕

警告按鈕 輪廓按鈕 拆分按鈕 動畫按鈕 淡入淡出按鈕 圖片上的按鈕 社交媒體按鈕 閱讀更多/閱讀更少 載入按鈕 下載按鈕 膠囊按鈕 通知按鈕 圖示按鈕 下一個/上一個按鈕 導航中的更多按鈕 塊級按鈕 文字按鈕 圓形按鈕 滾動到頂部按鈕

表單

登入表單 登錄檔單 結賬表單 聯絡表單 社交登入表單 登記表單 帶圖示的表單 新聞通訊 堆疊表單 響應式表單 彈出式表單 內聯表單 清除輸入欄位 隱藏數字箭頭 將文字複製到剪貼簿 動畫搜尋 搜尋按鈕 全屏搜尋 導航欄中的輸入欄位 導航欄中的登入表單 自定義複選框/單選按鈕 自定義選擇框 切換開關 檢查複選框 檢測大寫鎖定 按回車鍵觸發按鈕 密碼驗證 切換密碼可見性 多步表單 自動完成 關閉自動完成 關閉拼寫檢查 檔案上傳按鈕 空輸入驗證

Filters

篩選列表 篩選表格 篩選元素 篩選下拉選單 排序列表 排序表格

表格

斑馬條紋表 居中文件 全寬表 巢狀表 並排表 響應式表 對比表

More

全屏影片 模態框 刪除模態框 時間線 滾動指示器 進度條 技能條 範圍滑塊 顏色選擇器 電子郵件欄位 工具提示 顯示元素懸停 彈出視窗 可摺疊內容 日曆 HTML 包含 待辦事項列表 載入器 徽章 星級評分 使用者評分 覆蓋效果 聯絡人晶片 卡片 翻轉卡片 個人資料卡片 產品卡片 警報 標註 便箋 標籤 絲帶 標籤雲 圓形 樣式化 HR 優惠券 列表組 帶徽章的列表組 無專案符號列表 響應式文字 鏤空文字 發光文字 固定頁尾 粘性元素 等高 清除浮動 響應式浮動 Snackbar 全屏視窗 滾動繪圖 平滑滾動 滾動時漸變背景 粘性頁首 滾動時收縮頁首 定價表 視差 寬高比 響應式 Iframe 切換喜歡/不喜歡 切換隱藏/顯示 切換暗黑模式 切換文字 切換類 新增類 移除類 更改類 活動類 樹狀檢視 移除小數 移除屬性 離線檢測 查詢隱藏元素 重定向網頁 格式化數字 懸停縮放 翻轉框 垂直居中 在 DIV 中居中按鈕 居中列表 懸停過渡 箭頭 形狀 下載連結 全高元素 瀏覽器視窗 自定義捲軸 隱藏捲軸 顯示/強制捲軸 裝置外觀 內容可編輯邊框 佔位符顏色 停用文字區域調整大小 停用文字選擇 文字選擇顏色 專案符號顏色 垂直線 分隔線 文字分隔線 動畫圖示 倒計時器 打字機效果 即將推出頁面 聊天訊息 彈出式聊天視窗 分屏 推薦語 部分計數器 引言幻燈片 可關閉列表項 典型裝置斷點 可拖動 HTML 元素 JS 媒體查詢 語法高亮 JS 動畫 JS 字串長度 JS 冪運算 JS 預設引數 JS 隨機數 JS 排序數字陣列 JS 擴充套件運算子 JS 滾動到檢視 獲取當前日期 獲取當前 URL 獲取當前螢幕尺寸 獲取 Iframe 元素

網站

建立一個免費網站 製作一個網站 製作一個靜態網站 託管一個靜態網站 製作一個網站 (W3.CSS) 製作一個網站 (BS3) 製作一個網站 (BS4) 製作一個網站 (BS5) 建立和檢視網站 建立一個連結樹網站 建立一個作品集 建立一個簡歷 製作一個餐廳網站 製作一個商業網站 製作一本網路書 居中網站 聯絡部分 關於頁面 大標題 示例網站

Grid

2 列布局 3 列布局 4 列布局 展開式網格 列表網格檢視 混合列布局 列卡片 鋸齒佈局 部落格佈局

Google

Google Charts Google Fonts Google Font 配對 Google 設定分析

Converters

轉換重量 轉換溫度 轉換長度 轉換速度

部落格

獲得開發人員工作 成為前端開發人員 聘請開發人員

如何做 - 斑馬條紋表格

❮ 上一頁 下一頁 ❯

瞭解如何使用 CSS 建立斑馬條紋表格。

為表格設定斑馬條紋

名字 姓氏 分數
Jill Smith 50
Eve Jackson 94
Adam Johnson 67

要建立斑馬條紋表格，請使用 nth-child() 選擇器併為所有偶數（或奇數）表格行新增背景顏色。

示例

tr:nth-child(even) {
  background-color: #f2f2f2;
}
自己動手試一試 »

請訪問我們的 CSS 表格教程，瞭解有關如何設定表格樣式的更多資訊。

請訪問我們的 CSS 選擇器參考，瞭解有關 nth-child() 選擇器的更多資訊。


❮ 上一頁 下一頁 ❯
PLUS
空格
獲取證書
面向教師
面向企業
聯絡我們
×

聯絡銷售

如果您想將 W3Schools 服務用於教育機構、團隊或企業，請傳送電子郵件給我們
sales@w3schools.com

報告錯誤

如果您想報告錯誤，或想提出建議，請傳送電子郵件給我們
help@w3schools.com

熱門教程
HTML 教程
CSS 教程
JavaScript 教程
操作方法教程
SQL 教程
Python 教程
W3.CSS 教程
Bootstrap 教程
PHP 教程
Java 教程
C++ 教程
jQuery 教程
熱門參考
HTML 參考
CSS 參考
JavaScript 參考
SQL 參考
Python 參考
W3.CSS 參考
Bootstrap 參考
PHP 參考
HTML 顏色
Java 參考
Angular 參考
jQuery 參考
熱門示例
HTML 示例
CSS 示例
JavaScript 示例
操作方法示例
SQL 示例
Python 示例
W3.CSS 示例
Bootstrap 示例
PHP 示例
Java 示例
XML 示例
jQuery 示例
獲取證書
 HTML 證書
CSS 證書
JavaScript 證書
前端證書
SQL 證書
Python 證書
PHP 證書
jQuery 證書
Java 證書
C++ 證書
C# 證書
XML 證書
論壇 關於 學院
W3Schools 經過最佳化，旨在方便學習和培訓。示例可能經過簡化，以提高閱讀和學習體驗。
教程、參考資料和示例會不斷審查，以避免錯誤，但我們無法保證所有內容的完全正確性。
使用 W3Schools 即表示您已閱讀並接受我們的使用條款、Cookie 和隱私政策。

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