CSS按钮宽度自适应是很常见的需求，尤其是网站与应用程序界面设计中。在这篇文章中，我们将探讨如何使用CSS实现自适应宽度的按钮。

/* CSS样式 */.button {display: inline-block;padding: 8px 16px;background-color: #008CBA;color: white;font-size: 16px;border: none;border-radius: 4px;text-align: center;width: auto;}.button:hover {opacity:0.8;}

如上所示的样式代码，可以创建一个自适应宽度的CSS按钮。我们通过设置按钮的display属性为inline-block，来使按钮的宽度根据内容自适应。

注意到样式表中的width属性为auto。设置为auto，是为了让按钮的宽度根据内容自适应，以实现宽度自适应效果。padding属性定义按钮内部的填充区域，background-color属性定义背景颜色。border、border-radius等属性定义按钮的边框和圆角等样式设置。

值得注意的是，我们在样式表中添加了:hover 伪类，以实现鼠标悬浮在按钮上时的效果。

以上是一个基本的CSS自适应宽度按钮的样式代码。可以通过修改以上代码来根据自己的需要进行定制。希望这篇文章能帮助您实现您的自适应宽度按钮需求。