**中的斑馬條紋
**中的斑馬條紋很容易實現
你可以使用nth-child來實現：
tr
:nth-child(even)
nth-of-type來實現：
文字中的斑馬條紋
那麼我們如何實現一段文字行中的斑馬條紋效果呢？
我們想到的第一種方法可能是：將文字分為四行，奇偶行顯示背景，顯然這種方法是不可行的，我們無法控制文字的長度。
好吧，那來我們萬全的，直接放一張背景上去，但是如果我們調整了文字的大小呢，雖然可以實現，但是這個方法可能不是很理想。
那麼行吧，具體該咋做呢？我們還是放背景，但是用漸變來實現，這樣基本就沒啥問題了，font-size和background-size一起調整，下面直接上**：
我是一段很長的文字，分為很多行顯示，為了追求視覺上的效果，要求背景為斑馬條紋，但是該怎麼實現這個效果呢？p>
p
CSS揭秘 條紋背景
不管是線性漸變，還是徑向漸變。它們都是用來設定元素的背景影象。background image屬性可以為乙個元素設定乙個或者多個背景影象。這些影象在繪製過程中，以z方向堆疊的方式進行，也就是先指定的影象會在後指定的影象上面繪製，也就越接近使用者。元素的border會在背景影象之上繪製 別忘了前面講的...
CSS揭秘之《條紋背景》
先來說說漸變吧 background linear gradient fb3 20 58a 80 效果圖如下所示 也就是說真正的漸變只出現在容器 60 從20 到80 的高度區域 如果把兩個色標合在一起，會怎樣呢 w3c是這樣規定的 如果多個色標具有相同的位置，它們會產生乙個無限小的過渡區域，過渡的...
利用純CSS實現條紋背景
下面我們來試試 1 等寬條紋 background image linear gradient 0deg,red 50 green 50 background size 100 20px 效果如圖 2 不等寬條紋 利用上述同樣的方法，只需要調整調整色標的位置值即可。background image ...