HTML按钮显示效果

HTML中的按钮是一种常用的交互元素，用于触发用户的操作。按钮可以通过添加不同类型的属性和CSS样式来自定义其显示效果。常见的HTML按钮类型包括`<button>`, `<input type="submit">`, 和 `<input type="button">`。它们的基本结构如下：

<button type="button" value="Click me">点击我</button>

- `type="button"`: 默认类型，不会自动提交表单，点击后会触发默认浏览器行为（比如跳转新页面）。
- `type="submit"`: 如果在表单中使用，会提交表单数据。
- `value`属性定义了按钮的文本内容。

CSS可以用来改变按钮的样式，例如颜色、字体、大小、背景、边框等。例如：

button {
  background-color: #4CAF50; /* 绿色背景 */
  color: white;
  border: none;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}

要让按钮看起来像链接，可以添加`cursor: pointer;`，并可能调整`border-radius`使其圆角。