用css写一个加号的文件上传栏

当然可以！以下是使用 CSS 创建一个带有加号的文件上传栏的示例代码：

HTML：

<div class="file-upload">
  <label for="file-input">
    <i class="fas fa-plus"></i>
    <span>选择文件</span>
  </label>
  <input id="file-input" type="file">
</div>

CSS：

.file-upload {
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.file-upload label {
  display: block;
  width: 150px;
  height: 150px;
  border: 2px dashed #ccc;
  border-radius: 8px;
  text-align: center;
  cursor: pointer;
}

.file-upload label i {
  font-size: 48px;
  color: #ccc;
  margin-bottom: 10px;
}

.file-upload label span {
  color: #777;
}

.file-upload input[type="file"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

这段代码使用了 Font Awesome 图标库来显示加号图标。你可以将 Font Awesome 的 CSS 链接添加到你的 HTML 页面中，或者使用其他方式加载字体图标。

此代码将创建一个带有加号图标的文件上传栏，单击加号图标或文本时，将触发文件选择框。你可以根据需要自定义样式和图标。