zoukankan      html  css  js  c++  java
  • 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;
    	 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>

      

  • 相关阅读:
    重新格式化部门表
    从不订购的客户
    回文数
    shell中的双括号表达式
    shell中的if语句
    shell
    view的生命周期
    shell中的数学运算
    shell中的expr命令
    shell中的退出状态码
  • 原文地址:https://www.cnblogs.com/pengxiangchong/p/11975180.html
Copyright © 2011-2022 走看看