利用渐变背景可以实现多行文本之间的斑马线。
padding:1em;
line-height: 1.5;
background-color: beige;
background-origin: content-box; // 通常文本不会从盒子顶部开始，盒子一般会有内边距，所以将背景定义为对齐到内容盒子。
background-image: linear-gradient(rgba(0,0,0,.2) 50%,transparent 0);
background-size: 100% 3em; // 渐变背景的高度大小为行高的2被，这样就能实现间隔条纹的斑马线对齐文本。
利用渐变背景可以实现多行文本之间的斑马线。
斑马条纹的常见场景 当css3给我们提供了:nth-child和:nth-of-type的时候，我们常用这个新属性...
今天的主题是草食性动物-斑马，斑马最大的特点就是身上的条纹，而且斑马条纹和人类的条纹一样——没有任何两头是完全相同...
我问斑马 是白色条纹的黑马； 还是黑色条纹的白马？ 斑马反过来问我 你是有好习惯的坏孩子； 还是有坏习惯的好孩子？...
斑马就是一个空调？能利用斑马身上的条纹，控制体温！发表在《自然历史》上的一项新研究表明，斑马身上的条纹毕竟是用来控...
大家好，我是斑马，而且是世界上最特别的斑马，我和别的斑马都不一样，别的斑马都是黑白条纹，只有我自己是白黑条纹 妈妈...
斑马的外观很有特色，它身上的条纹看起来就像时髦的衣服。那么，斑马的条纹有什么作用呢？ Why do zebras ...
今天早上儿子又是弹了一会琴才吃早餐。 早餐后，儿子在榻榻米上看图画书，我想让他看一些字书，就扔了本“十万个为什么”...
今天早上儿子又是弹了一会琴才吃早餐。 早餐后，儿子在榻榻米上看图画书，我想让他看一些字书，就扔了本“十万个为什么”...
《斑马的问题》我问斑马，你是有白条纹的黑马，还是有黑条纹的百马？斑马反过来问我，你是个有坏习惯的好孩子，还是个有好...
本文标题：22、文本行的斑马条纹
本文链接：https://www.haomeiwen.com/subject/jxdhzttx.html
网友评论