蓝色按钮HTML CSS更改大小

如何在Html中编写长度为50、witdh为50的蓝色按钮

我真的是个新手

我准备好了一个按钮，但我不知道如何改变它的颜色和大小

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

点击我！

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

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

钮扣{
显示：块；
宽度：50px；
高度：50px；
背景颜色：蓝色；
}

---

请注意，我还创建了元素

块的显示类型，以使我能够操纵其宽度和高度。
一个非常快速的解决方案是像这样添加内联样式：

<button type="button" style="display: block; width: 50px; height: 50px;">Click Me!</button>

点击我！
为了给您总结一下，您可以遵循以下三种可能性：

1。为按钮使用内嵌样式：


点击我！

2。使用
标记设置按钮样式：



钮扣{
显示：块；
宽度：50px；
高度：50px；
背景颜色：蓝色；
}

3。将样式放入外部CSS文件，并将其包含在
的HTML文件。




注意：

使用哪种方法的选择取决于具体情况，对于简单的情况，可以使用内嵌样式

这是一个简单的片段：


点击我
背景色：蓝色更接近OP问题。无论如何，回答得很好：）
标记与
不同。看看这个：
<input type="button" style="background-color:blue;width:1330px;" value="click Me">

<button type="button" style="display: block; width: 50px;height: 50px; background-color:blue;">Click Me!</button>

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

<link href="path/to/your/file.css" rel="stylesheet" type="text/css" />