html - 蓝色按钮 HTML CSS 更改大小

Question

如何在 Html 中编写一个长度为 50、宽度为 50 的蓝色按钮？

我真的很陌生

我已经有了一个按钮，但我不知道如何改变它的颜色和大小

<button type="button">Click Me!</button>

Answer 1

有多种样式元素的方法，它们都使用 CSS。最常见的一种是包含一个包含所有所需样式的 CSS 文件，但为了这个示例，您可以在 HTML 中包含一个样式标签。

<style>
  button {
    display: block;
    width: 50px;
    height: 50px;
    background-color: blue;
  }
</style>

请注意，我还制作了元素的显示类型 block 以让我能够操纵它的宽度和高度。