css中怎么把字放进按钮中

CSS中，可以通过设置按钮的样式来实现将文字放进按钮中的效果。以下是一种常见的方法：

.button {
    display: inline-block;
    padding: 10px 20px;
    font-size: 14px;
    color: #fff;
    background-color: #007bff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}
.button:hover {
    background-color: #0062cc;
}
.button:active {
    background-color: #005cbf;
}
    

代码中，我们定义了一个类名为 button 的样式，通过设置 display: inline-block; 让按钮可以排列在一行中。padding 属性用于设置按钮的内边距，使按钮大小合适。font-size 和 color 属性分别用于设置按钮内文字的大小和颜色。

下面是示例按钮的 HTML 代码：

button class="button">
    按钮文字/button>
    

将这段 HTML 代码放入你的页面中，你将会看到一个背景为蓝色、内部字体为白色的按钮。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！