css实现斑马线效果
2024-08-30 01:03:18
文本实现斑马线效果
<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>
最新文章
- 网站优化之PHPCMS如何开启伪静态
- VisualSVN Server搭建VDFS分布式仓研究(未成功)
- CPA
- python 练习多级菜单思路
- Java 5种字符串拼接方式性能比较
- Save Update saveOrUpdate delete
- ubuntu14.04安装配置jdk1.8.0_25
- Linux Smaba服务器配置
- 开涛spring3(6.8) - AOP 之 6.8 切面实例化模型
- 虚函数 error LNK2001: 无法解析的外部符号 ";public: virtual void __cdecl
- 使用数组制作简易的用户管理系统【java】
- docker之搭建私有镜像仓库和公有仓库
- luogu 2480 古代猪文 数论合集(CRT+Lucas+qpow+逆元)
- 后台执行Bitmap加载
- php 生成随机字符串
- URL重定向及跳转漏洞
- 基于Redis的Spring cache 缓存介绍
- c#为字段设置默认值,以及构造函数初始化List对象。
- IT简历
- |和||以及&;和&;&;