HTML 按钮大小 - CSS

HTML 按钮大小是通过 CSS 样式设置，可以根据需求自定义按钮大小。在本文中，我们将介绍如何使用 CSS 样式来设置 HTML 按钮大小。

CSS 样式设置按钮大小

使用 CSS 样式可以很容易地设置 HTML 按钮的大小。下面是一些示例代码：

1. 使用 width 和 height 属性

可以使用 width 和 height 属性来设置按钮的宽度和高度。

<button style="width: 100px; height: 50px;">按钮</button>

2. 使用 padding 属性

可以使用 padding 属性来设置按钮的内边距，从而控制按钮大小。

<button style="padding: 10px 20px;">按钮</button>

3. 使用 font-size 属性

可以使用 font-size 属性来设置按钮的字体大小，从而影响按钮的大小。

<button style="font-size: 24px;">按钮</button>

4. 使用 transform 属性

可以使用 transform 属性来缩放按钮的大小。下面是一些示例代码：

<button style="transform: scale(2);">按钮</button>
<button style="transform: scale(0.5);">按钮</button>

总结

以上就是使用 CSS 样式设置 HTML 按钮大小的方法。通过这些示例代码，我们可以很容易地控制按钮的大小。记住，为了让代码更加清晰，可以将样式设置为 CSS 类或 ID，从而避免在 HTML 元素中使用行内样式。

参考链接

• CSS Button Size