1. 程式人生 > >有時候替換Table更好用, CSS3設定Table奇數行和偶數行

有時候替換Table更好用, CSS3設定Table奇數行和偶數行

一、標籤dl,dt,dd不是經常用,用可以做簡單列表,它也用獨特好用之處。還有ol,ul,li,它還能自動產生序呢。

<html>
<head>
<title>一個普通列表</title>
</head>
<body text="blue">

<dl>
<dt>中國城市</dt>
	<dd>北京 </dd>
	<dd>上海 </dd>
	<dd>廣州 </dd>
<dt>美國城市</dt>
	<dd>華盛頓 </dd>
	<dd>芝加哥 </dd>
	<dd>紐約 </dd>
</dl>

<ol>
	<li>Apple</li>
	<li>Car</li>
</ol>
<ol type="A">
	<li>Coffee</li>
	<li>Mile</li>
</ol>

</body>
</html>

執行效果:

中國城市
    北京 
    上海 
    廣州 
美國城市
    華盛頓 
    芝加哥 
    紐約 
1.Apple
2.Car
A.Coffee
B.Mile

二、CSS3設定Table奇數行和偶數行

<style type="text/css">
    .my_table tr:nth-child(even) {
        background: #d8ebfa;
    }
    .my_table tr:nth-child(odd) {
        background: White;
    }
</style>

 <table class="my_table">
.......................................
</table>




相關推薦

有時候替換Table, CSS3設定Table奇數偶數

一、標籤dl,dt,dd不是經常用,用可以做簡單列表,它也用獨特好用之處。還有ol,ul,li,它還能自動產生序呢。 <html> <head> <title>一個普通列表</title> </head> <

CSS-相關練習1-表格實現奇數偶數自行判斷設定不同的背景顏色

/* *Copyright (c) 2017,煙臺大學計算機學院 All rights reserved. *檔名稱:關於HTML的練習 *作 者:張晴晴 *完成日期:2017年11月25日 *版 本 號:v1.0 * *問題

自定義一個的SwipeRefreshLayout(彈力拉伸效果詳解)(轉載)

dsc drag 常數 lane swipe loading 數據改變 高中數學 tca 轉自: 自定義一個更好用的SwipeRefreshLayout(彈力拉伸效果詳解) 前言 熟悉SwipeRefreshLayout的同學一定知道,SwipeRefreshLayout是

比NPOI的Excel操作庫——EPPlus

滿足 幫助文檔 add 復雜 works 一點 不能 creat ima 提到通過純.Net讀寫Excel,一般首先想到的自然是大名鼎鼎的NPOI,就連微軟官方的MSDN都有專門的一篇文章來介紹它的用法。今天在一個項目中使用到了導出報表為Excel的功能,便特地的試用了一

egret cocos2d-x-js哪個目前穩定? ?

開發者 target net 建議 編輯 菜鳥 gre 很快 forum 問題: 貌似cocos名氣大一些?因為神經貓的大火才知道egret,玩了一下他們的demo,貌似性能一般,不過對flash開發者特別親切。有人對比過這兩個引擎嗎?分析下 百牛信息技術bainiu.lt

mingw qt(可以去掉mingwm10.dll、libgcc_s_dw2-1.dll、libstdc++-6.dll的依賴,官方的mingw默認都是動態鏈接gcc的庫而TDM是靜態鏈接gcc庫,tdm版本

單獨 option web blank debugging 信息 pre internal 類庫 原文地址:mingw qt作者:孫1東 不使用Qt SDK,使用mingw編譯qt源代碼所遇問題及解決方法: configure -fast -release -no-

華為視頻會議所需要的設備有哪些?哪些產品比較

視頻會議系統 視頻會議方案面對日益激烈的企業競爭,以及現代化科技的需求,很多時候企業會選擇在幾家設備廠商購買視頻會議設備,為什麽呢?因為很多時候視頻設備提供商無法讓客戶了解以及信賴,終歸是沒有售後保障,有的朋友在華為購買了視頻會議終端,但是處於多方面考慮,沒有在華為購買硬件和軟件的設備,所以有朋友會想到咨詢

一鍵重裝系統工具哪個哪個——系統重裝助手

兼容 快速實現 下載 百度 臺電 電腦 識別 一秒 但是 現在網上很多重裝系統大師,究竟系統重裝大師哪個好呢?那必須是好系統重裝助手,它能快速實現一鍵重裝系統.好系統重裝助手軟件是一款好評的很高的裝機軟件,裏面集合了U盤啟動工具,一鍵重裝,原版安裝的工具與一體。可以說有了好

小程序購物車下架商品實時顯示,只為戶體驗!

組件 刪除 提示 設置 配送 促銷 門店 開放 關閉 單商戶小程序V1.8.4版本更新說明更新時間:2018年9月10號 一、 更新功能清單1、新增僅支持自提功能設置,用戶下單僅可選到店自提!2、小程序前臺優化購物車頁面,已刪除或已下架的商品,其狀態展示在購物車提醒用戶;

淺解比 SQL 的 SPL(二)

從 SQL 到SPL基本查詢語法遷移 之多表操作 上一篇我們針對單表的情形瞭解瞭如何把資料計算從 SQL 查詢遷移到集算器,或者更準確地說,遷移到集算器所使用的SPL集算語言。這個遷移過程,既有相同的概念,也有不同的思路。 接下來,我們一起針對多表的情況看一下集算器和SPL語言是如何發揮更大

淺解比SQL的SPL

從 SQL 到集算器的基本查詢語法遷移(一)單表操作 資料庫和資料分析領域,有一個強大的存在,大名 SQL,全名結構化查詢語言 (Structured Query Language)。從字面上看,這個語言的目標就是把資料“查詢”出來,而查詢這個詞給人的感覺並不是很難。但實際上,為了支援貌似簡單的查詢

比Screen的神器:tmux

安裝並啟動 tmux tmux 應用程式的名稱來源於終端(terminal)複用器(muxer)或多路複用器(multiplexer)。換句話說,它可以將您的單終端會話分成多個會話。 它管理視窗和窗格: 視窗(window)是一個單一的檢視 - 也就是終端中顯示的各種東西。 窗格(pane)是該

Adaptive Execution如何讓Spark SQL高效

1 背  景 Spark SQL / Catalyst 和 CBO 的優化,從查詢本身與目標資料的特點的角度儘可能保證了最終生成的執行計劃的高效性。但是 執行計劃一旦生成,便不可更改,即使執行過程中發現後續執行計劃可以進一步優化,也只能按原計劃執行; CBO 基於統計資訊生成最優

Adaptive Execution如何讓Spark SQL高效

文章目錄 背景 動態設定 Shuffle Partition Spark Shuffle 原理 原有 Shuffle 的問題 自動設定 Shuffle Partition 原理 使用與優化方法 動態調整執行計劃

TC Games全新1.6.0版本上線,劃重點:適配直播,吃雞優化,手機端輕便

TC Games電腦玩手機遊戲助手1.6.0版本全新上線了,這個版本做了大量調整和優化,一起來看看吧:   1、新增:Ctrl+Alt+P鎖定/解鎖當前遊戲鍵位,切換任何app仍然使用該鍵位不變(僅會員) 備註:可在軟體設定-輸入設定中修改該快捷鍵 2、新增:可將滑鼠

【 FreeMarker】比ajax的展示資料的工具

一、什麼是FreeMarker Freemarker是一個模板引擎,基於模板生成文字輸出的通用工具,是一個java類庫,程式設計師可以嵌入他們所開發產品的元件。 Freemarker主要用於MVC中的view層,生成html展示資料給客戶端,可以完全替代jsp。  Free

企業郵箱什麽功能

企業網盤 時間 tps 傳遞 部門 管理 網盤 短信 通過 我們公司用的是網易企業郵箱,他們每個月都會推出新功能,作為一個技術控來說,自然都會對這些新功能進行嘗試,今天就碼一篇帖子吧,寫寫那些我覺得好用的新功能。 一:企業網盤升級 這是今年七月份網易推出的功能,企業網盤2.

基於 Multitype 開源庫封裝的RecyclerView.Adapter

前言 MultiType 這個專案,至今 v3.x 穩定多時,考慮得非常多,但也做得非常剋制。原則一直是 直觀、靈活、可靠、簡單純粹(其中直觀和靈活是非常看重的)。 這是 MultiType 框架作者給出的專案簡述。 作為一個 RecyclerView 的 Adapter 框架,感覺這專案的設

ActionView - 的團隊敏捷開發工具

簡介一個面向中小企業的、開源免費的、簡單易用的、類Jira的問題需求跟蹤工具。後端基於php laravel-framework、前端基於reactjs+redux的類Jira的問題需求跟蹤工具。背景我們實際開發過程一直在用Jira進行任務管理和Bug跟蹤,除了採購License價格不菲外,使用過程中覺得Ji

VNote 2.2,的表格

     經過將近兩個月的開發,很高興為大家帶來VNote 2.2! 在介紹2.2激動人心的更新之前,先給大家介紹一下VNote最新的網站 。現在起,這裡將會合並VNote的主頁和文件。該網站是由另一個我開發的開源專案Viki生成的。 Viki的部署不需要伺