1. .btn 普通状态
      2. .btn:hover 鼠标悬停状态
      3. .btn:active 点击状态
      4. .btn:focus 取得焦点状态
      1. .btn{ 
      2.  flex: 0 1 140px;
      3.  /* flex布局设置 */
      4.  background-color: #f6f6f6;
      5.  color: black;
      6.  padding: 8px 10px; /* 内边框 */
      7.  text-align: center;
      8.  text-decoration: none;
      9.  margin-right: 2px;
      10.  display: inline-block;
      11.  font-size: 14px;
      12.  margin: 4px 2px; /* 外边框 */
      13.  cursor: pointer;
      14.  border-radius: 8px;
      15.  transition-duration: 0.4s; /* 渐变 */
      16. }
      17. .btn:hover {
      18.  background-color: #4CAF50;
      19.  color: white;
      20. }
      21. .btn:active {
      22.  background-color:darkgreen
      23. }
      24. .btn:focus {
      25.  outline: 0; /* 去除点击后的边框 */
      26. }