HTML按钮超简单制作教程，小白也能快速学会交互设计

标签： 这种方式比较老，但也能用。

CSS美化和标签类似，但标签有些默认样式不太好改，比如边框。

标签： 这种方式其实是用链接模拟按钮，需要用CSS来调整。

点击我

.button {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
}

.button:hover {
  background-color: #3e8e41;
}

• display: inline-block很重要，让标签像按钮一样可以设置宽高。

• text-decoration: none去掉链接的下划线。