首先，在HTML中创建一个简单的按钮，比如以下代码：
<button>Click me</button>现在的效果是这样的：
需要居中这个按钮，我们需要在CSS中添加以下代码：
button {
display: block;
margin: 0 auto;
}其中，
display: block;将按钮转变为块级元素，然后通过margin: 0 auto;把按钮水平居中。这样，按钮就可以居中显示了。以下是完整的HTML和CSS代码：
<html>
<head>
<title>CSS Button Centering</title>
<style>
button {
display: block;
margin: 0 auto;
background-color: #4CAF50;
color: white;
padding: 10px 20px;
border: none;
border-radius: 4px;
font-size: 16px;
cursor: pointer;
}
</style>
</head>
<body>
<button>Click me</button>
</body>
</html>这样，你就可以创建一个居中的CSS按钮了。希望这篇文章能够帮助到你。
上一篇：css按钮禁止点击事件
下一篇：javascript中validity
