CSS（Cascading Style Sheets）是一种用于控制网页布局和样式的语言。它可以让你调整网页中各种元素的大小、颜色、字体和形状等，其中包括按钮。这篇文章将向您展示如何通过CSS调整按钮的大小。
首先，让我们看一下HTML中如何创建按钮。要创建一个按钮，您需要使用
这将创建一个默认的按钮，其大小取决于浏览器的默认样式。为了使我们能够更好地控制按钮的大小，我们可以给
现在，我们有了一个自定义的类名“my-button”，让我们使用CSS来设置这个按钮的大小。我们可以使用“width”和“height”属性来设置按钮的宽度和高度。例如：
.my-button { width: 100px; height: 50px; }
这将使按钮的宽度为100像素，高度为50像素。请注意，您还可以使用其他单位（如百分比）来设置按钮的大小。
如果您想使按钮的大小根据设备的不同而自适应，可以使用CSS的媒体查询功能。例如，如果您希望在移动设备上显示更大的按钮，则可以这样做：
@media screen and (max-width: 767px) { .my-button { width: 200px; height: 100px; } }
这将在视口宽度小于767像素时将按钮的宽度增加到200像素，高度增加到100像素。
无论您是希望通过固定尺寸还是自适应尺寸来调整按钮的大小，您都可以使用CSS将其轻松实现。现在，您可以开始自定义您网页中的按钮大小啦！
