利用漸變背景可以實(shí)現(xiàn)多行文本之間的斑馬線盛嘿。
padding:1em;
line-height: 1.5;
background-color: beige;
background-origin: content-box; // 通常文本不會(huì)從盒子頂部開始,盒子一般會(huì)有內(nèi)邊距,所以將背景定義為對(duì)齊到內(nèi)容盒子熄求。
background-image: linear-gradient(rgba(0,0,0,.2) 50%,transparent 0);
background-size: 100% 3em; // 漸變背景的高度大小為行高的2被,這樣就能實(shí)現(xiàn)間隔條紋的斑馬線對(duì)齊文本逗概。