文本行的斑马条纹 周知，表格的斑马条纹只需简单的运用伪类 :nth-child()/:nth-of-type()来处理就好了： 12345 tr:nth-child(even){ background-color: rgba(0,0,0,.2); } 但是把这种效果运用在文本行的时候就有点力不从心了，尽管js可以实现这种功能，但是这在理论上有违纯粹原则（javascri[……] 2017-07-20by SKILLNULL HTML&CSS 阅读(6371)评论(0)
自定义优雅的文本下划线 废话不多说： 12345 .underline { background: linear-gradient(90deg, gray 66%, transparent 0) repeat-x; background-size: .2em 2px; background-position: 0 1.4em; } 1 <div class="underline">原来你是这样的毛玻璃</div> 效果： 2017-07-20by SKILLNULL HTML&CSS 阅读(6230)评论(0)
