css实现斑马线效果
文本实现斑马线效果
<style> p { font-size: 17px; line-height: 25px; background-color: antiquewhite; background-image: linear-gradient(#99999 50%, transparent 0); background-size: auto 50px; background-origin: content-box; } </style> <body> <p>咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕</p> </body>
表格实现斑马线效果
<style>
tr{
background: #ffffff;
width: 1.25rem;
height: 1.875rem;
}
tr:nth-child(2n) {
background: #E9E9E9;
}
</style>
<body>
<table>
<tr>
<td>1</td><td>2</td><td>3</td><td>4</td>
</tr>
<tr>
<td>1</td><td>2</td><td>3</td><td>4</td>
</tr>
<tr>
<td>1</td><td>2</td><td>3</td><td>4</td>
</tr>
</table>
</body>
css实现斑马线效果
，温馨提示: 本文由Jm博客推荐，转载请保留链接: https://www.jmwww.net/file/web/41779.html
- 上一篇：html 动态添加的class无效
- 下一篇：.net Linq多表组合查询结果集
![[转]Node.js中package.json中^和~的区别](/uploads/allimg/200519/054J34453_lit.png "[转]Node.js中package.json中^和~的区别")