<nav class="nav"> <input type="checkbox" class="nav__cb" id="menu-cb"> <div class="nav__content"> <ul class="nav__items"> <li class="nav__item"> <span class="nav__item-text"> Home </span> </li> <li class="nav__item"> <span class="nav__item-text"> Works </span> </li> <li class="nav__item"> <span class="nav__item-text"> About </span> </li> <li class="nav__item"> <span class="nav__item-text"> Contact </span> </li> </ul> </div> <label class="nav__btn" for="menu-cb"></label> </nav>把text改成按钮

如果你想将 `<span>` 元素中的文本改为按钮，你可以将 `<span>` 元素替换为 `<button>` 元素，并在其中添加相应的按钮样式。下面是修改后的代码示例：

<nav class="nav">
  <input type="checkbox" class="nav__cb" id="menu-cb">
  <div class="nav__content">
    <ul class="nav__items">
      <li class="nav__item"> <button class="nav__item-btn"> Home </button> </li>
      <li class="nav__item"> <button class="nav__item-btn"> Works </button> </li>
      <li class="nav__item"> <button class="nav__item-btn"> About </button> </li>
      <li class="nav__item"> <button class="nav__item-btn"> Contact </button> </li>
    </ul>
  </div>
  <label class="nav__btn" for="menu-cb"></label>
</nav>

在上述代码中，我将 `<span>` 元素改为了 `<button>` 元素，并为按钮添加了 `nav__item-btn` 类，以便添加样式或者进一步自定义按钮的外观。

你可以根据需要修改 `nav__item-btn` 类的样式，来定义按钮的外观和交互效果。例如，你可以使用 CSS 来设置按钮的背景颜色、边框样式、文字样式等。

这样，你就将原来的文本改为了按钮，并可以对按钮进行样式修改和交互操作了。