css footer底部样式设计

---

中间很显眼的分割线其实是一个 hr 标签奥！！

---

1. hr 标签

<hr />

2. 样式

  hr {
    width: 80%;
    margin: 10px auto;
    height: 1px;
    background-image: linear-gradient(
      to right,
      rgba(255, 255, 255, 0),
      cyan,
      rgba(0, 0, 0, 0)
    );
  }