outline与底部填满屏幕的大面积色块实例页面

代码

• HTML：

  <div class="footer">
      <p>Designed &amp; Powered by zhangxinxu</p>
  </div>

• CSS：

  .footer {
      height: 50px;
  }
  .footer > p {
      position: absolute;
      left: 0; right: 0;
      text-align: center;
      padding: 15px 0;
      background-color: #a0b3d6;
      outline: 9999px solid #a0b3d6;
      clip: rect(0 9999px 9999px 0);
  }